Once the file is downloaded, open a new window with the PDF Is up to you, the configuration for error events etc. Important to use the blob response type In the following example, we are downloading a PDF from a simple URL, according to the architecture of your application, the PDF may be available only under certain conditions on the server to finally be served and processed internally by JavaScript: var oReq = new XMLHttpRequest() In this case, if you want to do it from a PDF that is available on the server, but for some reason you don't want to open a new window for it, so the user won't need to do right click, save PDF as etc, you can use easily this library to achieve it. Thanks to FileSaver.js you will be able to save the data of a file in JavaScript as a download in your browser easily. FileSaver.js implements the saveAs FileSaver interface in browsers that do not natively support it. FileSaver.js is the solution to saving files on the client-side, and is perfect for webapps that need to generate files, or for saving sensitive information that shouldn't be sent to an external server. Visit the official repository at Github for more information about this library. If you use NPM, you can install it in your project using: npm install file-saver -saveĪnd then you can just require the module as: var FileSaver = require('file-saver') This library has support with UMD (Universal Module Definition) so you can use it in the browser and access it from the window or you can require it as a module with any bundler. You will need the FileSaver library to achieve your goal.
For the examples we are going to use a PDF hosted in the Mozilla Github IO website, that is absolutely free and has CORS headers, so it can be used everywhere to test.
0 kommentar(er)
