How to link a download file in html

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. Ask Question. Asked 11 years, 6 months ago. Active 1 year, 6 months ago. Viewed k times. Tot Zam 7, 9 9 gold badges 47 47 silver badges 71 71 bronze badges. Venkat Venkat Add a comment. Active Oldest Votes. Eric Reed 1 1 gold badge 5 5 silver badges 18 18 bronze badges. Felix G. NongthonbamTonthoi cant you use javascript to dynamically assign the href to the a tag — akshay kishore. This isn't necessarily going to work, as it is limited to same-origin URLs.

This is not working for me, I have a. However, tried to do this myself, to verify, but this ain't working. It will just bring me to the source code, which I don't want viewed. Show 2 more comments. Paolo Pekka Pekka k gold badges silver badges bronze badges.

Did you even test it? Dudeson please specify what "won't work" and which version s of IE you are talking about. It should get the accept mark. Sergiu the answer is seven years old. I can't delete it, and the asker hasn't responded to my request to switch the accept mark Show 9 more comments. Myobis Myobis 1, 14 14 silver badges 27 27 bronze badges.

Upload the file you want to create a link to. Note that some servers may limit the size of the file you are allowed to upload, and large files can eat through your allotted bandwidth pretty quickly. To upload files using your FTP program, drag the file into the folder in the FTP window that you want to upload it to. It will begin uploading immediately. Your upload speeds will typically be much slower than your download speeds, so it may take a while to completely upload the file.

If you are using the virtual control panel file manager, click the "Upload" button at the top of the window. Browse your computer for the file you want to upload. Large files may take a while to upload to your server. Open the page you want to add your link to in your code editor. Once the file is uploaded, you'll need to add the link to it on your web page. Open the HTML file that you want to add the link to.

You can double-click it in the control panel file manager to open it in the built-in page editor. Find the spot on the page that you want to add the link. Place your cursor in the spot in the code that you want to insert your download link. This could be in the body of a paragraph, at the bottom of a page, or anywhere else. Add the code for the link.

Enter the following HTML5 code for your download link. This will start the download immediately for users after they click the link. As long as the file to be downloaded is in the same folder as the HTML file, you just need to use the name and extension.

If the file is located in another folder, you'll need to include the folder structure. Create a download button instead of a link.

You can use an image instead of text to create the download link. This requires a button image already on your web server. Rename the downloaded file. This can make it easier for users to identify files that they download from you.

Save the changes to your HTML file. Once you're satisfied with your code, save the changes to your HTML file and reupload it if necessary. You'll be able to see your new download button live on your website. Method 2. Open your site in the WordPress site editor. If you use WordPress to manage and publish your website, you can use the built-in tools to add a download link to any of your pages.

Log into your WordPress dashboard using the admin account. Place your cursor where you want the link to appear. You can put the link in the middle of an existing paragraph or create a new line for it. Click the "Add Media" button. You'll find this above the posting tools at the top of the page.

Click the "Upload Files" tab and then drag the file into the window. You can upload a variety of different files, but WordPress may limit the size based on your account type. It may take a little while to upload files, as most connections are slower uploading than downloading. Add a description for the file. You can enter a description underneath the file in the Add Media window.

This will be the text that displays as the download link. This will insert the download link at the location of your cursor. Note that this will link to an attachment page and not the actual file. This is a limitation of the WordPress software. Method 3. Open your website in the Weebly editor. Log into the Weebly site and open your web page in the Weebly editor. Select the text or object that you want to turn into a link.

You can highlight text in a text field or select an image on your page that you want to turn into the download link for your file. Click the "Link" button. When you have text selected, this looks like a chainlink, and can be found at the top of the text editor.

When you have an image selected, click "Link" in the image control panel. Select "File" and then click "upload a file. Select the file you want to make available for download.

Once you select the file, it will begin uploading. Basic users are limited to files 5 MB and smaller. It supplements the existing href attribute by telling the browser that the resource the href points to should be downloaded directly, instead of visited which could happen with a file that the browser can open, like a PDF. The value of the download attribute is used for the name of the file that is downloaded. Being able to have different values for href and download can come in handy.

For example, you might need to generate unique files dynamically on the server for monthly or yearly reports on a per user basis, but still present the user with a meaningful filename for when they download a file. Because the download attribute can be different to the href, this is pretty easy to do:. How to Make a Clickable Image. Updated April 6, This post contains affiliate links, meaning, if you click through an affiliate link and make a purchase, I may make a commission, at no additional cost to you.

Read my full disclosure here. Typically you would set the href attribute to the blob or data URI, then, as with the monthly report example earlier, set the download attribute to a more meaningful file name. The following example shows how you can do this when using the Canvas API.