使用jsfpd截图并上传到文件服务器-526互联

需求

将网页上的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); 
        });

截图