vue 图片base64转化

import html2canvas from 'html2canvas'

html2canvas(canvasDom, options).then(canvas => {

//此时的图片是base64格式的,我们将图片格式转换一下

let type = 'png';

let imgData = canvas.toDataURL(type);

// 照片格式处理

let _fixType = function(type) {

type = type.toLowerCase().replace(/jpg/i, 'jpeg');

let r = type.match(/png|jpeg|bmp|gif/)[0];

return 'image/' + r;

};

imgData = imgData.replace(_fixType(type), 'image/octet-stream');

let filename = this.row.name + '的二维码分享.' + type;

this.saveFile(imgData, filename);

})

saveFile(data, filename) {

let save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');

save_link.href = data;

save_link.download = filename;

let event = document.createEvent('MouseEvents');

event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);

save_link.dispatchEvent(event);

},

相关推荐
J***Q2929 小时前
Vue数据可视化
前端·vue.js·信息可视化
JIngJaneIL10 小时前
社区互助|社区交易|基于springboot+vue的社区互助交易系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·社区互助
ttod_qzstudio11 小时前
深入理解 Vue 3 的 h 函数:构建动态 UI 的利器
前端·vue.js
芳草萋萋鹦鹉洲哦11 小时前
【elemen/js】阻塞UI线程导致的开关卡顿如何优化
开发语言·javascript·ui
_大龄11 小时前
前端解析excel
前端·excel
1***s63211 小时前
Vue图像处理开发
javascript·vue.js·ecmascript
一 乐11 小时前
应急知识学习|基于springboot+vue的应急知识学习系统(源码+数据库+文档)
数据库·vue.js·spring boot
槁***耿11 小时前
JavaScript在Node.js中的事件发射器
开发语言·javascript·node.js
一叶茶11 小时前
移动端平板打开的三种模式。
前端·javascript
前端大卫11 小时前
一文搞懂 Webpack 分包:async、initial 与 all 的区别【附源码】
前端