vue前端根据接口返回的url 下载图片

downloadPicture(imgSrc, name) {

const image = new Image();

// 解决跨域 Canvas 污染问题

image.setAttribute("crossOrigin", "anonymous");

image.src = imgSrc;

image.onload = () => {

const canvas = document.createElement("canvas");

canvas.width = image.width;

canvas.height = image.height;

const context = canvas.getContext("2d");

context.drawImage(image, 0, 0, image.width, image.height);

canvas.toBlob((blob) => {

const url = URL.createObjectURL(blob);

const a = document.createElement("a");

a.download = name || "photo";

a.href = url;

a.click();

a.remove();

URL.revokeObjectURL(url);

});

};

},

downLineFlow(row) {

this.downloadPicture(row.signatureUrl, row.username);

},

相关推荐
TG_yunshuguoji9 分钟前
亚马逊云代理:AWS的EC2, S3, RDS,Lambda具体简介
服务器·云计算·aws
533_9 分钟前
[element-ui] el-tree 组件鼠标双击事件
前端·javascript·vue.js
王道长服务器 | 亚马逊云13 分钟前
AWS CloudFormation —— 自动化部署的“云中脚本大师”
运维·服务器·网络·自动化·云计算·aws
KIKIiiiiiiii13 分钟前
微信个人号开发中如何高效实现API二次开发
java·前端·python·微信
胡八一19 分钟前
30 分钟上手 exp4j:在 Java 中安全、灵活地计算数学表达式
java·开发语言·安全
日月之行_20 分钟前
Vite+:企业级前端构建的新选择
前端
山顶听风30 分钟前
Flask应用改用Waitress运行
前端·笔记·python·flask
Tom Ma.32 分钟前
使用腾讯云云开发(CloudBase)的云函数,删除云存储中指定目录下的过期文件
前端·javascript·腾讯云
Hilaku1 小时前
技术、业务、管理:一个30岁前端的十字路口
前端·javascript·面试
郝学胜-神的一滴1 小时前
Linux 进程控制块(PCB)解析:深入理解进程管理机制
linux·服务器·开发语言