element通过图片链接下载图片，将图片保存至本地

最新推荐文章于 2023-11-06 19:04:43 发布

cmj8043719242

最新推荐文章于 2023-11-06 19:04:43 发布

阅读量416

点赞数

文章标签：前端 javascript html vue

本文链接：https://blog.csdn.net/cmj8043719242/article/details/132833640

版权

downloadFile(downUrl,filename){
    // 创建隐藏的可下载链接
    const eleLink = document.createElement('a');
    eleLink.download = filename;
    eleLink.style.display = 'none';
    // 字符内容转变成blob地址
    const blob = new window.Blob([downUrl]);
    eleLink.href = URL.createObjectURL(blob);
    // 触发点击
    document.body.appendChild(eleLink);
    eleLink.click();
    // 然后移除
    document.body.removeChild(eleLink);
},