需求
将网页上的html表单,截图并生成pdf ,通过blob 上传到文件服务器
// 获取表单元素dom
const el = document.getElementById('open-reply_form');
const height = el.clientHeight;
// 截图,获取img图像
html2canvas(el).then((canvas) => {
let pageData = canvas.toDataURL('image/jpeg', 1.0);
// 创建pdf ,将图片添加到pdf中
let PDF = new JsPDF('', 'pt', 'a4');
PDF.addImage(pageData, 'JPEG', 40, 40, 515, height + 50);
// 创建blob对象,
var blobPDF = PDF.output("blob");
let file = new File([blobPDF], 'test.pdf',{type:blobPDF.type});
、、 这里的file是file对象,调用oss的上传方法
// this.handleUpload(file);
});
标签:el,截图,let,blob,file,pdf,jsfpd,服务器
From: https://www.cnblogs.com/mykai/p/17883642.html