javascript实现图片的自动下载(以vue.js里面的使用为例)

图片下载到本地

这里下载的原理是利用了a标签的download属性,可以将网页中的图片等通过其下载到本地,这里动态创建一个a标签,只要在页面加载完之后通过生命周期函数调用download()函数就可以实现图片自动下载
页面中存在一个img图片

<img src='https://213,32.1,2.131' alt="/>

下载函数

 download() {
        let _this=this
        // let src = './1.png';
        let imgname = 'testImg.jpeg';
        // let imgold = document.getElementById('downImg')
        // let img = $('#downImg').attr("src");
        // let img=document.getElementById('downImg').src
        let alink = document.createElement("a");
        alink.href = _this.dataurl;
        
        alink.download = imgname;
        alink.click();
        },
        上传代码
        uploadImg(){
            let _this =this
            let data = _this.dataurl
            console.log(data)
            orderTrackBaseUpload(data).then(res=>{
                console.log(res)
            }).catch(err=>{
                console.log(err)
            })
        },

你可能感兴趣的:(node.js,vue)