Force download a pdf link using javascript ajax jquery

Question

suppose we have a pdf link  http   manuals info apple com en iphone user guide pdf  just for example and to let u know that file is not on my server  i only have the link    now i have to provide a button on my site that will download the file   i have tried various things like window open  href etc  methods but it open the link on other window  i know thats because now all browser comes with a adobe plugin which opens it in another window  but still isnt there any way i give the user the option of download rather than opening it  through client side scripting      plz help   thanks

User · Accepted Answer

Use the HTML5  download  attribute   lt a href  iphone user guide pdf  download  iPhone User s Guide PDF  gt click me lt  a gt    Warning  as of this writing  does not work in IE Safari  see  caniuse com  search download  Edit  If you re looking for an actual javascript solution please see lajarre s answer

User · Answer

In javascript use the preventDefault   method of the event args parameter    lt a href  no-script html  gt Download now  lt  a gt      a   click function e        e preventDefault       stop the browser from following     window location href    downloads file pdf

User · Answer

Here is the perfect example of downloading a file using javaScript   Usage  download file fileURL  fileName

User · Answer

Using Javascript you can download like this in a simple method var oReq   new XMLHttpRequest       The Endpoint of your server  var URLToPDF    quot https   mozilla github io pdf js web compressed tracemonkey-pldi-09 pdf quot      Configure XMLHttpRequest oReq open  quot GET quot   URLToPDF  true       Important to use the blob response type oReq responseType    quot blob quot       When the file request finishes    Is up to you  the configuration for error events etc  oReq onload   function        Once the file is downloaded  open a new window with the PDF    Remember to allow the POP-UPS in your browser var file   new Blob  oReq response          type   application pdf           Generate file download directly in the browser   saveAs file   quot mypdffilename pdf quot        oReq send

User · Answer

Here is a Javascript solution  for folks like me who were looking for an answer to the title    function SaveToDisk fileURL  fileName           for non-IE     if   window ActiveXObject            var save   document createElement  a            save href   fileURL          save target     blank           save download   fileName     unknown            var evt   new MouseEvent  click                  view   window               bubbles   true               cancelable   false                     save dispatchEvent evt             window URL    window webkitURL  revokeObjectURL save href                 for IE  lt  11     else if      window ActiveXObject  amp  amp  document execCommand                var  window   window open fileURL    blank             window document close             window document execCommand  SaveAs   true  fileName    fileURL           window close              source  http   muaz-khan blogspot fr 2012 10 save-files-on-disk-using-javascript-or html  Unfortunately the working for me with IE11  which is not accepting new MouseEvent  I use the following in that case         try       var evt   new MouseEvent         catch  e        window open fileURL  fileName

User · Answer

If htaccess is an option this will make all PDF links download instead of opening in browser   lt FilesMatch      i pdf    gt    ForceType application octet-stream   Header set Content-Disposition attachment  lt  FilesMatch gt

User · Answer

With JavaScript it is very difficult if not impossible      I would suggest using some sort of code-behind language such as PHP  C   or Java   If you were to use PHP  you could  in the page your button posts to  do something like this    lt  php header  Content-type  application pdf    header  Content-disposition  attachment  filename filename pdf    readfile  http   manuals info apple com en iphone user guide pdf      gt    This also seems to work for JS  from http   www phpbuilder com board showthread php t 10149735     lt body gt   lt script gt  function downloadme x   myTempWindow   window open x     left 10000 screenX 10000    myTempWindow document execCommand  SaveAs   null   download pdf    myTempWindow close       lt  script gt    lt a href javascript downloadme  http   manuals info apple com en iphone user guide pdf    gt Download this pdf lt  a gt   lt  body gt

[javascript] Force download a pdf link using javascript/ajax/jquery

Examples related to javascript