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

},

相关推荐
DoraBigHead3 分钟前
🧠【彻底读懂 reduce】acc 是谁?我是谁?我们要干嘛?
前端·javascript·面试
future141214 分钟前
项目开发日记
前端·学习·c#·游戏开发
汪子熙23 分钟前
CSS 中 td:last-child a 选择器详解
前端·javascript
q5673152330 分钟前
Koa+Puppeteer爬虫教程页面设计
javascript·css·爬虫
北北~Simple38 分钟前
第一次搭建数据库
服务器·前端·javascript·数据库
GanGuaGua44 分钟前
Vue3常用指令
前端·javascript·vue.js
欧阳天风44 分钟前
录音实时上传
前端·javascript
江号软件分享1 小时前
从DNS到防火墙:NetDisabler多策略断网方法详解
前端
灵犀学长1 小时前
解锁HTML5页面生命周期API:前端开发的新视角
前端·html·html5
源码云商1 小时前
基于 SpringBoot + Vue 的 IT 技术交流和分享平台的设计与实现
vue.js·spring boot·后端