How to open generated pdf using jspdf in new window

Question

I am using jspdf to generate a pdf file  Every thing is working fine  But how to open generated  pdf in new tab or new window   I am using   doc output  datauri      Which is opening the pdf in same tab

User · Answer

this code will help you to open generated pdf in new tab with required title   let pdf   new jsPDF     pdf setProperties             title   Report                  pdf output  dataurlnewwindow

User · Answer

Based on the source you can use the  dataurlnewwindow  parameter for output     doc output  dataurlnewwindow      Source in github  https   github com MrRio jsPDF blob master jspdf js L914      All possible cases   doc output  save    filename pdf      Try to save PDF as a file  not works on ie before 10  and some mobile devices  doc output  datauristring             returns the data uri string doc output  datauri                   opens the data uri in current window doc output  dataurlnewwindow          opens the data uri in new window

User · Answer

Search in jspdf js this   if type     datauri         document location href   data application pdf base64     Base64 encode buffer      Add    if type     datauriNew            window open  data application pdf base64     Base64 encode buffer       call this option  datauriNew  Saludos

User · Answer

This is how I handle it   window open doc output  bloburl      blank

User · Answer

Generally you can download it  show  or get a blob string  const pdfActions         save       gt  doc save filename       getBlob       gt          const blob   doc output  datauristring          console log blob        return blob            show       gt  doc output  dataurlnewwindow

User · Answer

I have to use this to load the PDF directly  Using doc output  dataurlnewwindow    produces an ugly iframe for me  Mac Chrome     var string   doc output  datauristring      var x   window open      x document open      x document location string

User · Answer

Step I  include the file and plugin     jspdf plugin addimage js   Step II  build PDF content var doc   new jsPDF     doc setFontSize 12   doc text 35  25   Welcome to JsPDF    doc addImage imgData   JPEG   15  40  386  386     Step III  display image in new window  doc output  dataurlnewwindow      Stepv IV  save data  var output   doc output    return btoa  output

User · Answer

STEP 1  Turn off addblock  STEP 2 Add  window open doc output  bloburl      blank      Or try   doc output  dataurlnewwindow

User · Answer

using javascript you can send the generated pdf to a new window using the following code   var string   doc output  datauristring     var iframe     lt iframe width  100   height  100   src      string      gt  lt  iframe gt    var x   window open    x document open    x document write iframe   x document close

User · Answer

Javascript code  Add in end line      pdf preview   attr  src   pdf output  datauristring       HTML Code  Insert in body      lt head gt   lt  head gt   lt body gt   lt H1 gt Testing lt  h1 gt   lt iframe id  pdf preview  type  application pdf  src    width  800  height  400  gt  lt  iframe gt   lt  body gt   lt  html gt    preview within same window inside iframe along with with other contents

User · Answer

Javascript code     IE doesn t allow using a blob object directly as link href    instead it is necessary to use msSaveOrOpenBlob if  window navigator  amp  amp  window navigator msSaveOrOpenBlob      window navigator msSaveOrOpenBlob doc output  blob     Name pdf      else         For other browsers       Create a link pointing to the ObjectURL containing the blob    doc autoPrint      window open      URL createObjectURL doc output  blob           blank        height 650 width 500 scrollbars yes location yes             For Firefox it is necessary to delay revoking the ObjectURL   setTimeout      gt            window URL revokeObjectURL doc output  bloburl          100

User · Answer

This solution working for me  window open doc output  bloburl

User · Answer

This works for me     When you specify window features  it will open in a new window   Just like     window open url   blank   top 100 left 200 width 1000 height 500

User · Answer

Or    You can use Blob to achive this   Like   pdf addHTML     content    y  x  options  function          var blob   pdf output  blob        window open URL createObjectURL blob          That code let you create a Blob object inside the browser and show it in the new tab

[javascript] How to open generated pdf using jspdf in new window

Examples related to javascript

Examples related to jspdf