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);

},

相关推荐
因吹斯汀2 分钟前
一饭封神:当AI厨神遇上你的冰箱,八大菜系大师在线battle!
前端·vue.js·ai编程
再学一点就睡6 分钟前
NATAPP 内网穿透指南:让本地项目轻松 “走出去”
前端
拜无忧7 分钟前
2025最新React项目架构指南:从零到一,为前端小白打造
前端·react.js·typescript
稻草人不怕疼8 分钟前
记一次从“按钮点不动”到“窗口派发缺失”的排查过程
前端
irving同学4623826 分钟前
TypeORM 列装饰器完整总结
前端·后端·nestjs
彭于晏爱编程29 分钟前
你真的了解 Map、Set 嘛
前端
崔璨33 分钟前
详解Vue3的响应式系统
前端·vue.js
摸鱼的鱼lv33 分钟前
🔥 Vue.js组件通信全攻略:从父子传值到全局状态管理,一篇搞定所有场景!🚀
前端·vue.js
IT_陈寒44 分钟前
Java性能优化:10个让你的Spring Boot应用提速300%的隐藏技巧
前端·人工智能·后端
lichong9511 小时前
【混合开发】vue+Android、iPhone、鸿蒙、win、macOS、Linux之dist打包发布在Android工程asserts里
android·vue.js·iphone