How to download PDF automatically using js

Question

My scenario is that PDF file download automatically  then user fills it and when click on submit button in PDF it connect to java servlet and save it in DB   1 - User click on Button 2 - JavaScript code run and PDF file download automatically 3 - open file using JavaScript automatically 4 - user fills  amp  press submit 5 - after submit servlet code run and save data in db   In my Application just the 2nd point is missing  Please provide code how to interact with extension using JavaScript to download file automatically  I just want to download the file

User · Answer

It is also possible to open the pdf link in a new window and let the browser handle the rest   window open pdfUrl    blank      or   window open pdfUrl

User · Answer

Use the download attribute   var link   document createElement  a    link href   url  link download    file pdf   link dispatchEvent new MouseEvent  click

User · Answer

Helper function    function download file fileURL  fileName       for non-IE if   window ActiveXObject        var save   document createElement  a        save href   fileURL      save target     blank       var filename   fileURL substring fileURL lastIndexOf      1       save download   fileName    filename         if   navigator userAgent toLowerCase   match   ipad iphone safari     amp  amp  navigator userAgent search  quot Chrome quot    lt  0                document location   save href      window event not working here          else              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          How to use   download file fileURL  fileName     call function  Source  convertplug com plus docs download-pdf-file-forcefully-instead-opening-browser-using-js

User · Answer

Please try this  x000D   x000D   function             document  ready function           function validateEmail email                const re          lt  gt             s           lt  gt             s                        0-9  1 3    0-9  1 3    0-9  1 3    0-9  1 3        a-zA-Z -0-9       a-zA-Z  2                    return re test email                               if     submitclass   length                   submitclass   click function                     email id       custom-email-field   val                    if  validateEmail  email id                       var url    this  attr  pdf url                      var link   document createElement  a                      link href   url                    link download   url split      pop                      link dispatchEvent new MouseEvent  click                                                          jQuery    x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt   lt form method  post  gt           lt div class  form-item form-type-textfield form-item-email-id form-group  gt               lt input placeholder  please enter email address  class  custom-email-field form-control  type  text  id  edit-email-id  name  email id  value    size  60  maxlength  128  required   gt           lt  div gt           lt button type  submit  class  submitclass btn btn-danger  pdf url  https   file-examples-com github io uploads 2017 10 file-sample 150kB pdf  gt Submit lt  button gt   lt  form gt  x000D   x000D   x000D   Or use download attribute to  tag in HTML5

User · Answer

for second point  get a full path to pdf file into some java variable  e g  http   www domain com files filename pdf   e g  you re using php and  filepath contains pdf file path   so you can write javascript like to to emulate download dialog box    lt script language  javascript  gt      window location href     lt  php echo  filepath    gt     lt  script   Above code sends browser to pdf file by its url  http   www domain com files filename pdf   So at last  browser will show download dialog box to where to save this file on your machine

[javascript] How to download PDF automatically using js?

Examples related to javascript

Examples related to jquery

Examples related to pdf

Examples related to plugins

Examples related to google-chrome-extension