I hope I’ve helped someone who was in a similar situation to me when I couldn’t figure this out. So if you don’t need the old URL anymore, you should call the revokeObjectURL() API to free them. Then clicks on the created link to download the pdf. For example, if we name the file as *.csv and give it type: 'text/csv', Firefox will recognize it as “CSV document” and suggest you open it with LibreOffice Calc.Īnd in the last line we assign the url to the element’s href attribute, so when the user clicks on the link, the browser will initiate an download action (or other default action for the specific file type.)Įverytime you call createObjectURL(), a new object URL will be created, which will use up the memory if you call it many times. Other commonly seen formats include application/json and text/csv. Attach this link to the document and simulate a click using the. If you assign the correct format, the browser can better handle the file. Set href as the URL created in the first step and download attribute as the downloaded file’s name. Notice that you can assign the type of the data in the new Blob() constructor. The URL lives as long as the document in the window on which it was created. The magic happens on the third line, the () API takes a Blob and returns an URL to access it.

Var url = (data) ĭocument.getElementById('download_link').href = url

Javascript download a file