Chrome not taking download atribute pdf

Gmail power users should utilize the templates for emails to save time and efforts. Here's how you can create and manage templates in Gmail.

Are the web pages acting weirdly on Google Chrome? I have a 5 years old Chromebox not Chromebook and this issue goes on and off randomly and I forget if the settings should be from the device or from the browser settings. Today was the first time I saw your page but from several engine searches, your result was on top exactly the number one result.

Mine was already set up like that with download pdf files selected. Turned it off and on again but Chrome still steadfastly refuses to download a pdf — my e mail system is disabled at a stroke! This markup is easier to understand and is supported by all modern browsers, but may not be supported by all content management systems.

If for whatever reason, you cannot add the download attribute in the case that you cannot directly edit the HTML of your web page , you can optionally compress the file using zip, and instruct the user to download the zip file.

You can alternatively explain to the user that they should right click on the link and select download. If you have no other alternatives to force the file to download, you can host it on a file hosting service such as Google Docs. The most common file types that are affected by this behavior are PDF files and images.

But, this feature can really be viewed as a "progressive enhancement" since, without it, the user would simply navigate to the given HREF location where the server could generate a response value and set the appropriate Content-Disposition for download behavior and filename. So really, the "download" attribute just gives you more control over how the user experiences this existing workflow. While you used to be able to navigate a user to a Data URI, the Chrome browser is starting to block this form of navigation because of security concerns.

This Chrome exception for Data URIs got me thinking about fun ways in which I could experiment with the "download" attribute. And, having recently watched the Jimmy Fallon and Justin Timberlake "hashtag" skit again , I thought it would be exciting to create an HTML Canvas-based "HashTag Meme" generator in which the user can download the canvas data using the "download" attribute. Not only would this let me play with the "download" feature, it would also give me a chance to play with Canvas, which I've never really done before.

In the following demo, the user can enter phrases into a textarea, one phrase per line. Those phrases are then turned into camel-case hash-tags that get rendered onto the canvas below a scene-still of the Jimmy Fallon skit. So, for example, if the user entered:. Then, once the Canvas is updated, the user can click the "Download Image" link, which will download the Cavnas raster image using a Data URI and a "download" attribute.

Since this post is about the HTML Anchor "download" attribute and not about the Canvas element, I'm not going to give any more explanation about what this demo is doing. I've tried to supply plenty of comments; but, for the most part, this was just a fun way to look at the "download" attribute:. The "download" attribute then saves the resultant PNG to the user's computer.

So, if we run this page and then click the Download Image button without making any changes, we get the following image download:. Fun stuff! The "download" attribute seems like an nice way to provide a better user experience around file generation.

And, in the case of Data URIs - perhaps the best way to provide any user experience at all.