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

Question

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

我已经使用 dataurl.net 生成了 .png 文件。当我将它添加到 pdf 并使用时doc.save()，它会在本地下载，看起来很棒并且工作完美。但是，我尝试将其直接上传到 s3，doc.output()改为使用，当它到达那里时，它看起来像这样： https: //i.stack.imgur.com/yHP6B.jpg

我放入 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')