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

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
你可以使用 FileSaver.js 库和 pdf.js 库来将 base64 字符串换为 PDF 文件并下载。 首先,在你的 Vue 项目中安装这两个库: ``` npm install file-saver pdfjs-dist ``` 然后,在你的组件中引入它们: ```javascript import { saveAs } from 'file-saver'; import pdfjsLib from 'pdfjs-dist'; ``` 接下来,你需要编写一个函数来将 base64 字符串换为 Blob 对象和 PDF 文件。这个函数将使用 pdf.js 将 Blob 对象换为 PDF 文件,并使用 FileSaver.js 下载它: ```javascript methods: { downloadPDF(base64String, fileName) { const byteCharacters = atob(base64String); const byteNumbers = new Array(byteCharacters.length); for (let i = 0; i < byteCharacters.length; i++) { byteNumbers[i] = byteCharacters.charCodeAt(i); } const byteArray = new Uint8Array(byteNumbers); const blob = new Blob([byteArray], { type: 'application/pdf' }); pdfjsLib.getDocument({ data: byteArray }).promise.then(pdf => { pdf.getPage(1).then(page => { const scale = 1.5; const viewport = page.getViewport({ scale }); const canvas = document.createElement('canvas'); const canvasContext = canvas.getContext('2d'); canvas.height = viewport.height; canvas.width = viewport.width; const renderContext = { canvasContext, viewport, }; page.render(renderContext).promise.then(() => { canvas.toBlob(blob => { saveAs(blob, fileName); }, 'image/png'); }); }); }); }, }, ``` 最后,当你需要下载 base64 字符串对应的 PDF 文件时,只需调用 `downloadPDF` 函数: ```javascript this.downloadPDF('your_base64_string_here', 'your_file_name_here.pdf'); ``` 这样,你就可以将 base64 字符串换为 PDF 文件并下载了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

vivk2017

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值