There is a program (in asp mvc) on browser that connect to scanner, Scan document and show it as images. enter image description here

Src of image is like below:

data:application/octet-stream;base64,Qk0m2wEAAAAAAD4AAAAoAAAAOAMAAJEEAAABA//////////////////////wAGA/wAYMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAg13xAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/

Now, I want convert all of images to one pdf and attach it to a file upload.

Could you help me please?

There is a program (in asp mvc) on browser that connect to scanner, Scan document and show it as images. enter image description here

Src of image is like below:

data:application/octet-stream;base64,Qk0m2wEAAAAAAD4AAAAoAAAAOAMAAJEEAAABA//////////////////////wAGA/wAYMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAg13xAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/

Now, I want convert all of images to one pdf and attach it to a file upload.

Could you help me please?

• javascript
• jquery

Share Improve this question Follow asked Mar 18, 2019 at 6:40 Farzaneh TalebiFarzaneh Talebi 93544 gold badges2626 silver badges4848 bronze badges 1

• 1 Possible duplicate of Save base64 string as PDF at client side with JavaScript – ellipsis Commented Mar 18, 2019 at 6:41

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 9

Please use the below code to convert Base64 to PDF with the client side JavaScript. Pass the base64 data to the function base64ToArrayBuffer

function base64toPDF(data) {
    var bufferArray = base64ToArrayBuffer(data);
    var blobStore = new Blob([bufferArray], { type: "application/pdf" });
    if (window.navigator && window.navigator.msSaveOrOpenBlob) {
        window.navigator.msSaveOrOpenBlob(blobStore);
        return;
    }
    var data = window.URL.createObjectURL(blobStore);
    var link = document.createElement('a');
    document.body.appendChild(link);
    link.href = data;
    link.download = "file.pdf";
    link.click();
    window.URL.revokeObjectURL(data);
    link.remove();
}

function base64ToArrayBuffer(data) {
    var bString = window.atob(data);
    var bLength = bString.length;
    var bytes = new Uint8Array(bLength);
    for (var i = 0; i < bLength; i++) {
        var ascii = bString.charCodeAt(i);
        bytes[i] = ascii;
    }
    return bytes;
};

You need some kind of JavaScript PDF library to do this. jsPDF for instance has a addImage() method (https://rawgit./MrRio/jsPDF/master/docs/module-addImage.html) which accepts a base64 string as input