If you are using HTML5 and i guess now a days everyone uses that , there is an attribute called download. I've had some issues with the suggested solution that creates an a DOM element, and sets the download attribute.
It still displayed a popup warning in some browsers perhaps they got a little stricter by Adding the pdf mime type to the href attribute solved the browser popup warning, but it messed up the file the downloaded file got damaged and couldn't be opened. His code example uses an npm library though. Here's how to do it using js only:. The behaviour should depend on how the browser is set up to handle various MIME types.
I recommend against this as it should be the users choice what will happen when they open a PDF file.
Stack Overflow for Teams — Collaborate and share knowledge with a private group. Create a free Team What is Teams? Collectives on Stack Overflow. Learn more. Asked 10 years, 4 months ago. Active 1 month ago. Viewed k times. Improve this question. MikeD 4, 1 1 gold badge 23 23 silver badges 39 39 bronze badges. This is to my knowledge not scriptable behavior.
Most browsers will have their own settings for the behavior of what to do with specific file types on download. This question has also been answered here: stackoverflow. Add a comment. Active Oldest Votes. Modifying the location of window might cause some issue especially when you have a persistent connection like websocket.
So I always resort to good old iframe solution. Do your normal event. After hours of trying, the function is born : I had a scenario where I had to display loader in time while the file is preparing for download:. This way works on all browsers i think and let you put a message like: "If the download doesn't start in five seconds, click here.
Stack Overflow for Teams — Collaborate and share knowledge with a private group. Create a free Team What is Teams? Collectives on Stack Overflow. Learn more. Easiest way to open a download window without navigating away from the page Ask Question. Asked 12 years, 4 months ago. Active 6 months ago. Viewed k times.
RBT Add a comment. Active Oldest Votes. Hello Ani, have you found a solution to this, I am having the same problem in Vue js.
Jason 17 Jun Reply. HansM 26 Jun Reply. Anders Poulsen 26 Jun Reply. L-Bloch 5 Sep Reply. Hi Anders Poulsen For this to work in ie 11 and Edge, there need to be and file extension to this line: window.
Anders Poulsen 5 Sep Reply. Thanks, man, appreciate it! Yatin 15 Oct Reply. Hey Anders, Thanks for writing such a nice post. Adis 15 Dec Reply. When i click on a link in IE it opens in Edge. Katherin Carrero 28 Jan Reply. Luis Guerra 28 Feb Reply. Divya 22 Apr Reply. Robert Tessler 6 Jun Reply. A really excellent article, exactly what I was looking for and incredibly useful. Chris Keene 20 Oct Reply. Eric 9 Feb Reply. Some Dude 18 Jul Reply.
Sick solution. Thank you very very very much. So good. I love it. Thanks buddy, pdf Blob from my site was getting downloaded as jpg but ater applying the above given method it got resolved. Leave a Reply Cancel reply Comment. Enter your name or username. Enter your email. Enter your website URL optional. As of this post, all major desktop browsers excluding Microsoft IE support the download attribute. It is likely that people who use these browsers would likely rather view the document rather than saving it to their phone.
New to HTML 5. This markup is easier to understand and is supported by all modern browsers, but may not be supported by all content management systems. Find centralized, trusted content and collaborate around the technologies you use most. Connect and share knowledge within a single location that is structured and easy to search. Import it like a component. I placed the following in the header of the component I needed it in.
The document was stored in Documents folder under src. Client side only? So there is no web server to host your web site? Client side only would be to specify a relative path like. Stack Overflow for Teams — Collaborate and share knowledge with a private group. Create a free Team What is Teams? Collectives on Stack Overflow.
0コメント