vue 图片下载
2024-10-12 09:29:27
getBase64Image(img) {
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0, img.width, img.height);
var ext = img.src.substring(img.src.lastIndexOf(".")+1).toLowerCase();
var dataURL = canvas.toDataURL("image/"+ext);
return dataURL;
} ,
// 图片下载
downloadFild(fild) {
let _this=this
var image = new Image();
image.src = fild.images;
image.setAttribute("crossOrigin", "anonymous");
image.onload = function(){
var base64 =_this.getBase64Image(image);
console.log(base64)
var a = document.createElement('a')
a.download = fild.certName || 'pic'
// 设置图片地址
a.href =base64
a.click();
}
},
最新文章
- webpack ---loader,plugin下载命令
- 【PRML读书笔记-Chapter1-Introduction】引言
- Java学习笔记之:Java String类
- SpringMVC Controller详解
- Ubuntu server搭建vsftpd小记
- python中判断语句用两个or连接的奇葩
- BaLaBaLa
- 201521123112《Java程序设计》第8周学习总结
- C#使用Oracle.ManagedDataAccess.dll
- android自定义组件的简易实现
- ITU-T G.1080 IPTV的体验质量(QoE)要求 (Quality of experience requirements for IPTV services)
- github总结(4)--关于git reset --hard这个命令的惨痛教训
- vue2 里边使用 swiper2
- iOS中的截屏(屏幕截屏及scrollView或tableView的全部截屏)
- Vue keep-alive的总结
- 【sping揭秘】16、@After(finally) 但是这个实在afterturning之前执行
- salesforce 零基础学习(七十)使用jquery tree实现树形结构模式
- C# 导出Excel表格
- mysql查看线程详解(转载)
- AC自动机板子题/AC自动机学习笔记!