无法将 base64 png 图像添加到 JSPDF Javascript

Question

 function save_pdf() {
 var doc = new jsPDF();  
 var imgSampleData ='data:image/png;base64,/9j/4AAQSkZJRgABAAEA8ADwAAD/2w...';
 doc.addImage(btoa(imgSampleData), 'PNG', 15, 40, 175, 75);
 doc.save('MCR.pdf');
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.5/jspdf.debug.js"></script>

当我从其中一个网络服务传递 base64 字符串时，我无法将这些 base64 添加到下面的 JSPDF 图像中，这是我在 IE 中遇到的错误

PNG 文件不完整或损坏

我附上了整个图像的整个 base64 字符串。这个Base64可以正常工作，如果我使用任何在线转换工具都可以看到图像。

Attachement base64 png string

JSPDF 无法解析此类 base64 字符串而其他似乎成功解析字符串的原因可能是什么？

Answer 1

Image的Base64数据是JPEG，所以报错。

var imgSampleData ='data:image/jpeg;base64,/9j/4AAQSkZJRgABAAEA8ADwAAD/2w...';

data:image/png 必须更改为 data:image/jpeg 并且 JSPDF 无法识别数据是否为 jpeg 并且在上述行中失败。我对 JSPDF Reagrding this 提出了一个问题。

无法将 base64 png 图像添加到 JSPDF Javascript

Unable to add base64 png images to JSPDF Javascript

html

javascript

base64

png

jspdf