KPC
Kevin Powell - Community•13mo ago
Malik

Download anchor tag

I want the download to start as you click it but it opens the file in new/same tab than either you click download if pdf or right click save image as if it's an image. 
<a href="./padfile.pdf" download="PDF File">Download</a>
<a href="./padfile.pdf" download="PDF File">Download</a>
3 Replies
vince
vince•13mo ago
I don't recommend doing this. Seems to me to be bad for user experience and accessibility You'd want an anchor tag that works as both a link and a button, so you'd be fighting with semantics as well
Malik
Malik•13mo ago
Every video I've seen where they use the anchor tag with download attribute their file dowloads just by clicking the tag. Mine just opens up. (tried image,pdf they just open up). What am I missing here. sorry for the late reponse.
vince
vince•13mo ago
Ah I didn't know that the anchor tag had a download attribute, disregard
Want results from more Discord servers?
Add your server
More Posts
Debugging: How to find where mystery divs are coming fromI recently installed and then uninstalled the aria-modal-dialog npm package. Somehow my code is now want opinion on styling with component librarieshey folks I have a doubt with component library such as mui, chakra-ui we can define styles like thUnderstanding object notation - JS newbieA third installment of my non-understanding of JS, but hey ... here we go. As mentioned before I'm Defining TypeScript type or interface for array within objectI am at the beginning of my TypeScript learning curve and am currently struggling as to how to creatProblem with Font Preloadinghello everyone.(sry for my bad english) hello everyone, in my project woff2 format fonts are connecnull error work around.Im having various event listeners for child class . In HTML there is only parent classes, the child npm package instructions say to include a specific .js file, names it, but where is this file?I'm installing an npm package for an accessible modal dialog from here : https://www.npmjs.com/packaModify page contents via shadow dom?Is it possible to entirely replace the page contents by hiding the old ones into the shadow dom and somebody help me here im stuckthe code is here https://github.dev/clapycodes/react-projectHow to set password on sqlite database with node-sqlite3The title says it all