Download a file in html

This is very simple, and you just need to give the complete URL of the downloadable file as follows:. You can also give the optional value to the download attribute. The optional value of the download attribute will be the new name of the file after it is downloaded.

If the value is omitted, the original filename is used. Following are the syntax to given optional value to the download attribute:. In this part we create a downloadable link of the image and when user click on the image the image will be downloaded with same name.

In this part we have create a downloadable link of the image and when we click on the image the image will be download with name logo. In this part we have created a downloadable link of the pdf file and when we click on the pdf file the pdf will be downloaded with same name. When we click on the text, the pdf file will be downloaded with name given in download attribute.

In this part we have created a downloadable link of the pdf file and when we click on the pdf file the pdf will be downloaded with name mentioned in download attribute.

In this part we have created a downloadable link of the word file and when we click on the word file the file will be downloaded with same name. In this part we have create a downloadable link of the word file and when we click on the word file the word file will be downloaded with name mentioned in download attribute.

JavaTpoint offers too many high quality services. Mail us on [email protected] , to get more information about given services. Please mail your requirement at [email protected] Duration: 1 week to 2 week. Reinforcement Learning.

R Programming. W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning.

Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use , cookie and privacy policy. Article Contributed By :. Easy Normal Medium Hard Expert. Writing code in comment? Please use ide. Load Comments. What's New. Most popular in JavaScript. Convert a string to an integer in JavaScript Node.

Now our objective is, after selecting the file, it will automatically read the file and show the file size in the page. For this purpose, we called the onchange event of the file upload control and written the following code. Now our next objective is to upload the file using the Web API so that this specific file can be copied and saved in a specific location. For this, we already created a button name Upload. We need to click on this button for uploading.

When we click this button, it will call an AngularJs function that internally redirects to the Web API controller to copy and save the file into a specific location. Here I am using Temporary Internet Files folder for the location. Now write the following code first into the fileupload. And the uploadComplete function checks if the Web API returns a status code in other words success or not.

Now for the Web API code. For that, we will add a controller file within the controller folder named FileUploaderController and write the following code in that file. Generic; using System. IO; using System. Linq; using System. Net; using System. Http; using System. Headers; using System. Web; using System. Http; namespace FileUploader.