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

},

相关推荐
用户059540174462 小时前
Redis缓存回滚踩坑实录:一个配置失误,让我在凌晨3点丢了3000条数据
前端·css
kyriewen2 小时前
别再这样写条件渲染了——你的React组件里藏着这5种定时炸弹
前端·javascript·react.js
IT_陈寒3 小时前
Redis缓存击穿把我坑惨了,原来这样设过期时间才靠谱
前端·人工智能·后端
用户938515635073 小时前
从"坐电梯"到"前端路由"——深入理解 Hash 路由原理
前端·typescript·全栈
梦想CAD控件3 小时前
网页端CAD的图形选择、编辑与夹点操作教程
前端·javascript·node.js
妙码生花3 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(五十二):管理员权限检查中间件,AI 随意放行预闯大祸
前端·后端·go
月月大王的3D日记4 小时前
Three.js 入门系列(8):六种光源全解析 —— 关灯了,开光!
前端·javascript
达子6664 小时前
第26章_HarmonyOs开发图解之 设备管理
vue.js
属于自己的天空4 小时前
每天省去重复 Prompt:我用 Skills 把 CRUD 生成标准化了
前端·后端