How to force a Download File prompt instead of displaying it in-browser with HTML?

by

This is something that you cannot absolutely control with HTML itself.

If the user is having a browser with PDF reading capabilities (or a plugin) and the corresponding settings to open PDF files in-browser, the PDF will open like that.

The PDF opens in a new tab simple because of your target="_blank", which has nothing to do with a download prompt.

If you are using HTML5 you can use the download attribute:

<a href="https://stackoverflow.com/questions/23825871/sample.pdf" download="https://stackoverflow.com/questions/23825871/sample.pdf">Download</a>

If you have a back-end service which you can control or you feel like fiddling with your Web Server, you can always look for setting the right Content-Disposition. See this SO question for some nice discussion on Content-Disposition.

More Related Contents:

  1. How to place elements like this
  2. comma after td entry html [closed]
  3. Vertically align an image inside a div with responsive height
  4. Limit file format when using ?
  5. html select only one checkbox in a group
  6. Is there a CSS selector for the first direct child only?
  7. Remove white space above and below large text in an inline-block element
  8. Limit scope of external css to only a specific element?
  9. How would I display a TIFF images in all web browsers? [closed]
  10. Do you quote HTML5 attributes? [closed]
  11. Which characters need to be escaped in HTML?
  12. How to word wrap text in HTML?
  13. When should one use HTML entities?
  14. An ‘ul’ element can never be a child of a ‘p’ element
  15. What character encoding should I use for a web page containing mostly Arabic text? Is utf-8 okay?
  16. Can we set style to title tag in header
  17. HTML – How to do a Confirmation popup to a Submit button and then send the request?
  18. CSS align images and text on same line
  19. How do I capture text from a HTML element given its id=”” from a WebView2 in VB.NET?
  20. Is there a `pointer-events:hoverOnly` or similar in CSS?
  21. What happens if the action field in a has parameters?
  22. sticky position on css grid items
  23. CSS/HTML: What is the correct way to make text italic?
  24. html tables: thead vs th
  25. svg background image position is always centered in internet explorer, despite background-position: left center;
  26. HTML Title Image
  27. Make Div Draggable using CSS
  28. Create tree view with horizontal and vertical lines showing the connectivity using css
  29. How can I get a specific number child using CSS?
  30. HTML5 drag and copy?

Leave a Comment