Anchor tag to download pdf

I actually have another post that uses the download attribute with plain-text files and it is able to maintain the line-breaks within the text:. I am not sure why your line-breaks would be getting stripped-out, especially if they appear to be there in the console-logging. Perhaps you have to URL-encode the base64 value? To be honest, I'm not so great with all the data-type conversions, so I am just shooting in the dark here. Struggling to get download attribute to work well enough, even in chrome latest if the url is not the same origin the console will show an error :.

Which begs the question, how do you download large files without storing them in memory.. We, I mean my colleague, found the solution for our issue. Here's the solution we gave them a button named "Download". These attributes were used in an anchor tag. All the examples on the net reference octet-stream, which did not work as desired. Over the weekend, I found an awesome library called html2canvas.

It allows you to take an arbitrary DOM node and generate a screenshot of it onto a canvas element:. This is sooooo much easier that my approach. I can't believe this is even possible :D What a wonderful time to be alive! Jose, Awesome, glad this was helpful! Happy New Year :D.

Ross, My pleasure :D Glad it was helpful. See more: C. Hi, I am trying to download file which is available on my computer. I have path available Copy Code. Posted Nov pm Torakami. Add a Solution. What is the value you are getting in item.

Torakami Nov am. This is not my location where my project is present , I am saving outside the project. Accept Solution Reject Solution. In order to download an image click on a href link follow below steps: Step1 : Create a ASHX generic file to download an image.

I mean image , or doc , or pdf.. Please suggest. Then you need to change "ContentType" attribute as per file type pdf, doc and others. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use , cookie and privacy policy.

Copyright by Refsnes Data. Paul Roub This is not creating a blob automatically. So instead of creating a blob it is displaying it in browser. Sign up or log in Sign up using Google. Sign up using Facebook.

Sign up using Email and Password. Post as a guest Name. Email Required, but never shown. The Overflow Blog. Podcast Who is building clouds for the independent developer?