jsPDF VS FileSaver.js

jsPDF is a popular JavaScript PDF generator that allows users to generate PDF files in the web browser dynamically. The library is well-maintained, stable, easy to use, and has rich documentation.

I haven't had to generate PDF files from the browser, but jsPDF looks promising.

So, as advised on the github page https://github.com/parallax/jsPDF i tried to source the new version of jsPDF using either the first or second src that you see in comment in the code below.

was working fine. But it seems this version does not have the function to do dashed lines, so i wanted a newer version. I tried downloading the folder of the newest one, or tu put : as mentionned in this page : https://github.com/parallax/jsPDF, but now i got a bug when i try to create the pdf and the code stops at the instruction var doc = new jsPDF(); I hope have i been clear, sorry i'm kind of trying out things...

You can use the .NET built-in datagrid, write your own .csv export (it's about 15 lines of code), and use jsPDF to convert the datagrid content to pdf using JavaScript.

🔀 Repositório no GitHub

Didn't try but there is https://github.com/mozilla/pdf.js to read and https://github.com/parallax/jsPDF to write back so I imagine it could all be done in the browser, no app required. I'm not sure if there is already a project that combine both and use the canvas as a sketching support but have a look and if there isn't one I might prototype as it could be interesting for the PineNote.

var headers = new Headers(); headers.append('Content-Type', 'application/x-www-form-urlencoded'); this.http.post('http://localhost/a2/pdf.php', reportPost, { headers: headers }) .retry(3) // .map( (res:any) => res.blob() ) // errors out .subscribe( (dataReceived:any) => { var blob = new Blob([dataReceived._body], {type: 'application/pdf'}); saveAs(blob, "Report.pdf"); }, (err:any) => this.logError(err), () => console.log('Complete') ); ps. the saveAs function comes from here: https://github.com/eligrey/FileSaver.js

You could check out this library to see how it’s done or just use the library itself: Blog on FileSaver.js

As a result, I had to go to the github page for FileSaver.js (https://github.com/eligrey/FileSaver.js), copy the “FileSaver.js” file in the “dist” folder and paste it into a new file in the same directory as my code. The FileSaver.js is then imported using a “script src=” tag on line 6, as seen below

Goto link https://github.com/eligrey/FileSaver.js After opening the link, go to the dist. folder and download FileSaver.js file

By following some post :get_URL().createObjectURL error I was able understand that:

The code of the component function is below. I've tried different alternatives, the blob way should be the way to go as far as I understood, but there is no function createObjectURL in URL. I can't even find the definition of URL in window, but apparently it exists. If I use the FileSaver.js module I get the same error. So I guess this is something that changed recently or is not yet implemented. How can I trigger the file save in A2?

I tested a file-saver.js, but it can only save, not load files, and it can't save in the background, it has to prompt the user to save the file somewhere.

If it's a relatively small amount of data (like 100mb or less), try https://github.com/eligrey/FileSaver.js it handles all the edge cases nicely.