前端实现下载图片

前端实现下载图片

首先声明有很多种方法下载，我这里只有一种(我的是在vue下使用的，记得转换一下格式)

1. H5 download属性

methods: {
/*下载图片所调用方法*/
      downImgFile(content, filename){
        // 创建隐藏的可下载链接
        var eleLink = document.createElement('a');
        eleLink.download = filename;
        eleLink.style.display = 'none';
        // 字符内容转变成blob地址
        var blob = new Blob([content]);
        eleLink.href = URL.createObjectURL(blob);
        // 触发点击
        document.body.appendChild(eleLink);
        eleLink.click();
        // 然后移除
        document.body.removeChild(eleLink);
      },
 }
content是图片的URL地址，
filename 是图片的名称（或者是你下载时候给定的名称）