As I have searched, making a download link is like
<a href="image_url.png" download>download</a>
But the image must be in project directory. How to download from another server?
For example if I want to download django logo the code is supposed to be:
<a href="https://www.djangoproject.com/s/img/logo-django.42234b631760.svg" download>download</a>
but that's not working (it opens and shows the image in the current tab instead of downloading), but any file in my own server is being downloaded easily. What is the best way to do that? tnx
You simply need to put name of the file (how it should be saved) in download. Like this:
download
Edit:
Actually I was wrong. You can find the answer here. If you want to download SVG in regular way, like any other file, you need to use JavaScript, not just plain HTML tags. Or you can download it as PNG, but as I assume: that's not the point.
Sorry for mistake.
you put link in href on anchor tag:
download
Related
I have this a tag <a href="/assets/test.docx" download>Download</a>. According to W3schools it seems like I have setup right path to access file test.docx form CV.vue according to folder structure in the picture below. Please check and verify that I have right path.
I want to test download the file when running website in Chrome on localhost. When I click download I get error saying Failed, no file
What am I doing wrong?
Folder structure
Generally if you put slash(/) behind of your path in href, it will going to main domain of website and it doesn't matter it's localhost or real domain like example.com.
So if you find your path or file structure easily you can put that in href parameter.
For example your logo path is:
src/assets/logo.png
*Remember that you can test it by enter you path on your browser to find your correct path.
for example:
localhost/src/assets/logo.png
OR
127.0.0.1:8000/src/assets/logo.png
If it's working correctly, you can put that on your html code like this:
Download
The answer is simple just remove the forward slash in front of "assets". Your code should be:
<a href="assets/test.docx" download>Download</a>
The html download attribute will add this extra slash so your code as it exists now leads to the following path.
file:///assets/0513211459.jpg.html
I want users to be able to download an image from my website by clicking a download button
<a href="../assets/assets/styleguide/Consult.jpg" download>
<button class="btn draw-border">Download</button>
</a>
The filepath is correct, and the download is triggered as I get the usual download popup. Instead of giving the option to download as a .jpg, it asks if I want to download 'Consult.jpg' which is in the .html file type, despite having the .jpg extension.
Anyone know why this is happening, or better yet, how to fix it?
Thanks,
Will
Try again by putting the link inside the button tag and give the download attribute the desired name
I have a problem: I want to download a file from my website using this link:
<a href="/path/to/file" download>Attachment</a>
But when i click this URL the link gets changed to:
localhost:9000/path/to/file
That means that my firefox does not find the file and cant download it, is there any fix for this?
use the full path in the href of a tag.
like this.
<a href="https://www.google.co.in/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" download='download'>Click Here to download</a>
hmm Have you tried forcing the download as such:
Save GIF
If this does not help, it most certantly means that your path is wrong. Are you forcing the real filesystem path?
echo realpath(dirname(__FILE__));
I'm using HTML web and i want, that users could download a file like .vbs (skype bot) and then i use code like this:
<a href='skypebot.vbs' target='_blank'>download</a>
I get just only that file text. How can i make it download link not uploading it to other site like zippyshare?
How can i make it download link not uploading it to other site like
zippyshare?
You can use a data link. Put the contents of your file (encoded with encodeURI() ) in the link itself:
<a href='data:application/octet-stream,encodeURI(hereContentsGoes)' target='_blank'>download</a>
The file is probably being recognized as a vbs type by your browser, and trying to display it.
Easiest solution is to zip or tar the file and have that be the downloadable file.
<a href='skypebot.zip' target='_blank'>download</a>
I have some PDF's sitting in a folder on my computer, is there a way to write a link to open them on to a webpage?
The main idea is when the site goes live the link will be used to download the pdfs from the folder, but obviously at a later stage the folder will be a temp folder on my website.
So at the moment i just want to open the pdfs from a link, and the final goal will be to have the links download them.
Can any one help me?
This is the file path to get to the pdf i want to link to.
C:\Users\Shaun\Documents\FormValue\CS1.pdf
How would i create the link?
If you want to have a link to a PDF, you just have to put the relative path to the file in the href attribute of an a tag. So let's say you had a folder called pdfs, with the file boom.pdf inside it, and folder called site sitting beside it, with the file site.html in it. Then all you'd have to do is put this link in the html file:
Link to a pdf
In most (all?) browsers now a days, that will open the PDF in a new tab. To download it you would right-click it and do the Save Link As thing. Just need to get the path in href right.
UPDATE
If you want to use the full path to the file, you need to prefix it with file://. Then you just put it in the href the same as with a regular link, ending up with something like:
Link to a pdf
This should work with your set up, but if the pdf and the html files are stored near each other, relative URLs are still a good option. A little bit of Google work should show you how to write those.
For each PDF just do what I talk about here.
<object height="950" data="sample-report.pdf" type="application/pdf" width="860">
<p>It appears you don't have a PDF plugin for this browser.
No biggie... you can <a href="sample-report.pdf">click here to
download the PDF file.</a>
</p>
</object>
It works with most browsers and it degrades nicely.
It sounds like youre asking if you can put a link on a web site to a PDF sitting on your computer. You can't. The files have to be either on another web site or on your site's server.
If you are using ASP.NET, you can have the link point to a handler that accepts a query string identifying the file, either by file name or a hash of the file. Then the handler can look in the folder for a file that matches the pattern, read the file as a byte array, and then write those bytes to HttpResponse.