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)
            })
        },
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,704评论 1 45
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,523评论 0 17
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,142评论 1 32
  • 声明:本文讲解的实战内容,均仅用于学习交流,请勿用于任何商业用途! 一、前言 强烈建议:请在电脑的陪同下,阅读本文...
    Bruce_Szh阅读 12,783评论 6 28