JsPDF creating empty pdfs.

[subhapoduri]

Hi,
Iam using Imagacapture API 's takePhoto() funtion which returns a image blob. Then iam converting this to base64 string and sending to jsPDF addimage . But when i say pdf. Save it creates pdf with correct no of pages but with no images in it. I didn't have this issue when i was using canvas to create images.

[HackbrettXXX]

Please share a code snippet to reproduce.

[subhapoduri]

{
var width = window.doc.internal.pageSize.getWidth();
var height = window.doc.internal.pageSize.getHeight();
const img = document.getElementById("sI");

  this.props.imageCapture.takePhoto().then((blob) => {
    var reader = new FileReader();
    var imgDataURL;
    reader.readAsDataURL(blob);
    reader.onload = function () {
      imgDataURL = reader.result;
      console.log(imgDataURL);

      img.src = imgDataURL;
      this.props.updateImgList(imgDataURL);
      window.doc.addImage(
        imgDataURL.replace(/^data:image\/(png|jpg);base64,/, ""),
        "JPEG",
        0,
        0,
        width,
        height
      );
    };

for saving
window.doc.save(docTitle + ".pdf");

[HackbrettXXX]

Try using the data url directly without removing the data:...;base64, part. Also check out the new release.

[subhapoduri]

Tried using data URL directly but still creating empty pdf.

[subhapoduri]

Does the image size matter? when iam using imagecapture API to takePhoto base64 of the image is is close to 50kb could that cause problems? Also what is Compression in addImage() function for?

[Blunderchips]

@subhapoduri is this still an issue?

[subhapoduri]

No ,it is not an issue anymore. I found a workaround.