jspdf - pdf 使用 png 直接上传到 s3，png 已损坏

Question

我正在使用 jspdf 库和 Angular 5 在客户端生成 PDF。我正在向 pdf 添加 png 图像。

我已经使用 dataurl.net 生成了我的 .png 文件。当我将它添加到 pdf 并使用 doc.save() 时，它会在本地下载并且看起来很棒并且可以完美运行。但是，我试图将它直接上传到 s3，而不是使用 doc.output()，当它到达那里时它看起来像这样：https://imgur.com/a/ZuOd0

我要放入 s3 的代码如下所示：

const headers = new HttpHeaders().set('Content-Type', 'application/pdf')
this.http.put(url, file, {headers})

和file = doc.output()

任何人都知道可能导致这种情况的原因吗？

Answer 1

我必须将 ArrayBuffer 传递给 s3 才能让它工作。

所以唯一的代码更改是使用 doc.output('arraybuffer')

Answer 2

您需要将 ArrayBuffer 传递给 s3 才能使其正常工作。

只需要改变doc.output('arraybuffer')