download a pdf with filesaver.js and blob

javascript filesaver.js
madca0313 picture madca0313 · Nov 3, 2015 · Viewed 27.7k times · Source

I'm trying to download a file with Filesaver.js. And when I try to do this with csv, it works fine. But I need to download a pdf now.

How can I do that? I use Filesaver.js with a blob object, my code looks something like this:

var filename = "myfile.csv";
var s = "my csv text content";
var blob = new Blob([s], {type "text/csv;charset=utf-8"});
var filesaver = saveAs(blob,filename);

I'd like to know what kind of data type should I pass to the blob onject, when I'd like to download the pdf.

Answer

Ado picture Ado · Mar 24, 2017 
 var blob = new Blob([response.data], {type: "application/pdf;charset=utf-8"});
 var blob = new Blob([response.data], {type: "text/plain;charset=utf-8"});

Both are ok,but header should be

{responseType:"arraybuffer"}

Related questions

Generate an image of a div and Save as

I'd like to create an input button "Save image" that : take a screen shot of a div ask to "Save as" on the user's computer I've found how to create a screen of a dive using html2canvas and to …

Read More
Download binary file with Axios

For example, downloading of PDF file: axios.get('/file.pdf', { responseType: 'arraybuffer', headers: { 'Accept': 'application/pdf' } }).then(response => { const blob = new Blob([response.data], { type: 'application/pdf', }); FileSaver.saveAs(blob, 'file.pdf'); }); The contend of downloaded file is: […

Read More
Saving base64 image with Filesaver.js

I am getting multiple Base64 URIs of JPG images. I need to save them as jpg files. I'm trying to use FileSaver.js, but its not working for me. I have used filesaver.js before, when I was getting images …

Read More