如何将pdf文件作为表单数据发送到服务器

时间:2020-10-27 11:21:31

标签: javascript html html2pdf

我对诺言一无所知,

我一直在做的是将html转换为pdf,幸运的是 html2pdf 效果很好,

现在,我陷入困境的是将pdf作为文件并使用 form-data

发布到服务器

我发现以某种方式从here获得pdf编码的字符串

但这是一个承诺,我有一个功能:

genPDF:function(){
        var element = document.getElementById('canvasId');    
        var opt = {
            filename: 'nobutton.pdf',
            image: { type: 'jpeg', quality: 0.98 },
            // html2canvas: { scale: 2 },
        };

        html2pdf().from(element).set(opt).toPdf().output('datauristring').then(function (res) {
            var blobString = res;
            console.log(blobString);
          });
    }

但是这里不是第一次记录日志,而是随后再次调用该函数然后记录日志,这是为什么?我可以第一次获得它的功能吗?

有人可以帮助我如何从 html2pdf 中获取pdf文件,以便可以将其附加到 form-data 上吗,谢谢您的帮助,谢谢: )

1 个答案:

答案 0 :(得分:1)

@Sophie-这是评论中讨论的asnyc版本。

 async genPDF() {
    var element = document.getElementById('canvasId');    
    var opt = {
        filename: 'nobutton.pdf',
        image: { type: 'jpeg', quality: 0.98 },
        // html2canvas: { scale: 2 },
    };

    let blobString = await html2pdf().from(element).set(opt).toPdf().output('datauristring');
    console.log(blobString);
     
    }