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.
I think there's a way to read get data using js so then no php would be needed. If the server is writing the file back in the response including cookies if you use them to determine whether the file download started , Simply create a form with the values and submit it:.
You need to reset the response or it will not download. This is helpful in case when you want to decide whether or not file needs to be downloaded after making form. But I am referring to a page that must first be processed and then downloaded. I struggled with this issue for a long time. Finally an elegant external library suggested here helped me out. 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. Download a file by jQuery. Ajax Ask Question. Asked 10 years, 11 months ago. Active 1 month ago. Viewed k times. I have a Struts2 action in the server side for file downloading. I marked it as a duplicate despite the platform difference, because as far as I can see the solution is the same You can't and don't need to do this through Ajax.
Add a comment. Active Oldest Votes. John Culviner John Culviner However, you don't have to do this manually. One really simple library for doing exactly this is jquery. It provides an API similar to the standard jQuery.
This is a 3 years old question but I had the same problem today. I looked your edited solution but I think that it can sacrifice the performance because it has to make a double request. So if anyone needs another solution that doesn't imply to call the service twice then this is the way I did it:. This form is just used to call the service and avoid to use a window. After that you just simply have to make a form submit from jquery in order to call the service and get the file.
It's pretty simple but this way you can make a download using a POST. I now that this could be easier if the service you're calling is a GET , but that's not my case. I used this FileSaver. In my case with csv files, i did this in coffescript :. I think for most complicated case, the data must be processed properly. Under the hood FileSaver. To get Jonathan Amends answer to work in Edge I made the following changes:.
Below is my solution for downloading multiple files depending on some list which consists of some ids and looking up in database, files will be determined and ready for download - if those exist.
And Yes, like others said, it is possible to do it in jQuery Ajax. I did it with Ajax success and I am always sending response As long as you return response , success in Ajax can work with it, you can check if file actually exist or not as the line below in this case would be false and you can inform user about that:. But I am referring to a page that must first be processed and then downloaded. I know browsers block multiple file downloads, and I also have API which returns a set of csv formatted data.
If anyone can help me improve this that would be great, but it's working for me so far. 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. Handle file download from ajax post Ask Question. Asked 8 years, 7 months ago. Active 1 year, 1 month ago. Viewed k times. Pavle Predic Pavle Predic 5, 3 3 gold badges 15 15 silver badges 16 16 bronze badges. For those who read this article, read this post: stackoverflow.
Add a comment. Active Oldest Votes. URL window. Jonathan Amend Jonathan Amend I don't want to navigate away from the page. I want to perform the request in the background, process the response and present it to the client. If the server sends back headers like the other answer has, it opens in a new window - I've done it before.
It would only navigate away if your server-side script returned HTML code — user PavlePredic did you end up figuring out how to manage both response scenarios, i. JSON text response or download file response? Answer is not clear and the proposed solution doesn't work. Show 5 more comments.
I faced the same issue and successfully solved it. My use-case is this. After fetching content as a blob binary , we are creating a downloadable URL and attaching it to invisible "a" link then clicking it. Naren Yellavula Naren Yellavula 6, 2 2 gold badges 27 27 silver badges 22 22 bronze badges. Robin van Baalen Robin van Baalen 3, 2 2 gold badges 19 19 silver badges 33 33 bronze badges. Community Bot 1 1 1 silver badge. Mayur Padshala Mayur Padshala 1, 2 2 gold badges 18 18 silver badges 19 19 bronze badges.
Hi, do I need to have jQuery 3. I'm also getting a blank pdf with both examples you gave. I am trying to get it to download a pdf file. I see you are able to add the cookie " mycookie " in code behind. If you can detect the cookie, we should set the display of UpdateProgress as "none".
The case you come across, There are many people had got it. After download the files, developers will reload the page. Thanks for spending much time to focus this issue. If your issue has an answer, please mark the post.
Have any web develop issues in the future, please post it to asp. Welcome to back. Would you mind share your code with us and let us reproduce the scenes, then we will provide further solution. AddDays 1 Response. Flush Catch ex As Exception Util. The content you requested has been removed. Ask a question. Quick access. Search related threads. Remove From My Forums. Answered by:. Archived Forums. Sign in to vote. User posted hi i have linkbutton which creates Excel file and then download it.
Monday, September 23, AM. User posted Hi pacoss, For this issue, I think if we use the cookie to mark the result of downloading file. Sleep ; System. FileInfo Server. RegisterStartupScript this,GetType ,"key","alert '' ",true ; if file. Clear ; Response. AddHeader "Content-Length", file. ToString ; Response. WriteFile file.
Add mycookie ; Response. If any doubt, feel free to back. Best Regards! Thursday, September 26, PM. Monday, September 23, PM. User posted Hi pacoss, According to your description and code you provided, I understand that you want to set a download feature in an updatepanel.
0コメント