Some JPG files give errors

[focussing]

I have attached the jpg image that generates the error.

var doc = new jsPDF();
doc.addImage(jpgFile, 'JPEG', 0, 0, 150, 150);

Error message in console:

DOMException: Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded.
    at Object.b.convertStringToImageData (https://unpkg.com/jspdf@1.4.1/dist/jspdf.min.js:49:8077)
    at Object.b.addImage (https://unpkg.com/jspdf@1.4.1/dist/jspdf.min.js:49:6374)
    at VueComponent.generatePdf (webpack-internal:///146:215:41)
    at VueComponent.boundFn [as generatePdf] (webpack-internal:///9:191:14)
    at VueComponent.created (webpack-internal:///146:71:14)
    at callHook (webpack-internal:///9:2894:21)
    at VueComponent.Vue._init (webpack-internal:///9:4559:5)
    at new VueComponent (webpack-internal:///9:4727:12)
    at createComponentInstanceForVnode (webpack-internal:///9:4241:10)
    at init (webpack-internal:///9:4058:45)

[Uzlopak]

I doubt it. More probable, that your base64 string or dataurl is faulty.

[focussing]

Well, this exact JPG image is giving no problems in Photoshop, paint, in an etc...
That is why I am so surprised...

[Uzlopak]

The base64 encoded string is faulty.

[focussing]

It comes directly out of Photoshop. What should I do to prevent the faulty behaviour?

[Uzlopak]

Do you know what a base64 string is?

[focussing]

Haha mr smarty pants :)
Yep I do.

Found something; it was not clear that passing a path is not quite the way to add an image; it should be a loaded image. That is not clear in the documentation.

I used the trick in examples/basic.html and that worked for one file that created an error. So the file is not corrupt, but it was not completely loaded.

Now I only have to find a way to handle multiple images in one PDF. In my application this could be up to 1168 images.
Could you recommend a pattern for that?

[Uzlopak]

1168 is an huge amount of images.

Keeping this issue open for 2 weeks. If not active till then I will close this.

[jhashubham]

1. You can try another way of adding image.
var pdf = new jsPDF();
var img = new Image;
img.onload = function() {
pdf.addImage(this, 10, 10);
pdf.save("test.pdf");
};
img.crossOrigin = ""; // You can use it if your are using any outsource image..
img.src = ""; // Image url

2. Or you can try this link to convert the image in base64 format.
https://www.base64-image.de/