Ajax reading downloaded file

The above codes downloads the file and sets the object URL - basically the user has to click twice to download a file. You can also create the link dynamically, and invoke a click on it so that the user has to click once to download the file. Updated on January 3, Published on February 6, Demo Download Starting Download.. This is good if your server is dumping filedata to be saved.

In the above cases, you need to write the Content-Disposition header to the response , specifying that the file needs to be downloaded attachment and not opened by the browser inline. You need to specify the Content Type too, and you may want to add the file name and length to help the browser drawing a realistic progressbar. With Struts2 unless you are using the Action as a Servlet, an hack for direct streaming , for example , you don't need to directly write anything to the response; simply using the Stream result type and configuring it in struts.

That excel file is created by the server and returned as a response to the client. Download that response as a file with custom name in browser ". Here we need to carefully set few things on the server side. I set few headers in Python Django HttpResponse.

You need to set them accordingly if you use other programming languages. Since I download xls excel here, I adjusted contentType to above one. You need to set it according to your file type. You can use this technique to download any kind of files.

The params are sent as proper post params as if coming from an input rather than as a json encoded string as per the previous example. There might be a safer way to encode those variables. Alternatively contemplate escaping them. Here is what I did, pure javascript and html. Did not test it but this should work in all browsers. I try to download a CSV file and then do something after download has finished. So I need to implement an appropriate callback function.

Using window. Something like this, change header so it is not a good idea. And window. You can refer this. This is my code, it is similar to the code of Shahrukh Alam. But you should take care that window. When response has arrived, data will be stored into memory of browser. So before you click a link, the file has been downloaded. It means that you can do anything after download.

Use window. And that way, the browser should prompt the user to save the file to disk, instead of just showing them the file.

It will also automatically close the tab that it just opened. My approach is completly based on jQuery. And I wanted it to be done by jQuery alone.

What I and many others do is to create a link on the webpage, indicating that the target should be downloaded and putting the result of the http-request as the target. After that I append the link to the document than simply clicking the link and removing the link afterwards.

You don't need an iframe anymore. The interesting point is that this solution is only working with a " blob ". As you can see in other answers, some are simply using a blob but not explaining why and how to create it. As you can read e.

The problem is that your http-response might not be any of those. Therefore the first thing you must do is to convert your response to a blob. This is what the first line does. Then you can use the " createObjectURL " with your newly created blob. If you than click the link your browser will open a file-save dialog and you can save your data. Obviously it s possible that you cannot define a fixed filename for your file to download. Then you must make your response more complex like in the answer from Luke.

And don't forget to free up the memory especially when you are working with large files. For more examples and information you can look at the details of the JS blob object. I found a fix that while it's not actually using ajax it does allow you to use a javascript call to request the download and then get a callback when the download actually starts.

I found this helpful if the link runs a server side script that takes a little bit to compose the file before sending it. Please select a comment to reply.

You can add your comment about this article using the form below. Make sure you provide a valid email address else you won't be notified when the author replies to your comment Please note that all comments are moderated and will be deleted if they are Not relavant to the article Spam Advertising campaigns or links to other sites Abusive content.

Please do not post code, scripts or snippets. Required Invalid Email Address. Security code:. Required Invalid security code. I declare, I accept the site's Privacy Policy. After so many searches for getting an excel file from web API with Unicode content. Finally, this code works for me :. We were having absolutely the same trouble recently. For us it started to work when we add responseType: 'arraybuffer' to the ajax parameters. Stack Overflow for Teams — Collaborate and share knowledge with a private group.

Create a free Team What is Teams? Collectives on Stack Overflow. Learn more. Get excel file. Asked 4 years ago. Active 4 months ago. Viewed 42k times. Maybe the problem is with inappropriate data type used in Blob constructor?

Improve this question.