Jquery ajax download zip file

Required Invalid Email Address. Security code:. Required Invalid security code. I declare, I accept the site's Privacy Policy. Add Comment. Disclaimer : The code samples and API available at www. You are free to use it for commercial as well as non-commercial use at your own risk, but you cannot use it for posting on blogs or other tutorial websites similar to www.

All the code samples and API provided by the authors are solely their creation and neither the author nor the site are responsible if it does not work as intended. HTML Markup.

Word document, Excel file and PDF file. You will need to import the following namespaces. Imports System. The WebMethod accepts the name of the File to be downloaded as parameter.

Finally, the Byte Array is converted into Base64 string and returned. ToBase64String bytes, 0, bytes. Length ;. Return Convert. End Function. When any of the three Button is clicked, the DownloadFile JavaScript function is called and the name of the File is passed to it.

URL window. Config Setting. So let's start it. The background is the knowledge of MVC. You should know how to add a project in MVC and add a Controller. If you wants to start with MVC first you can learn it from my other articles as listed below: As we will be using ajax so knowledge of Jquery is also pre-requisite.

We will be creating a page which will be having a button that will post a ajax request to server and server will return file as a zip. We will be using DotNetZip library for zipping files. Please visit this link DotNetZip. We also be using javascript FileSaver. Please visit this link FileSaver. Now add an MVC project.

I assume that you have created a HomeController and Index method in it. The index method will return a index cshtml View. Now We will add a mthod which will be invoked on click of a button from Index page.

Let first add the DotNetZip library reference to our project. Now you have installed the DotNetZip library and you can verify it from 'References' folder in SolutionExplorer window. Now add the FileServer. For this you can either download FileSaver. Step 1: Add using reference to 'HomeController' using using Ionic. So you can see its quite simple Index method is added.

Active 2 years, 8 months ago. Viewed 25k times. Improve this question. Add a comment. Active Oldest Votes. Sure you can do this! But only new browsers support this.

Improve this answer. Mikk Mikk 2, 3 3 gold badges 30 30 silver badges 43 43 bronze badges. Will the browser have possibilities of crashing as the file get's up to some megabytes in size? Will the user see the download-progress? I guess he won't - if I get the solution right