Möglichkeit zum laden und Drucken von PDF-auf-Taste, Klicken Sie auf mit javascript

Könnten Sie mir bitte sagen, die Möglichkeit zum laden und drucken der pdf-Datei sollte in allen Browsern. Derzeit bin ich mit iframe zum anzeigen der Datei und dann auslösen print-Methode, aber es funktioniert nicht im IE.Ich suchte eine Menge, aber keine Lösung funktioniert.Bitte lassen Sie mich wissen, eine alternative Methode, dies zu tun. Unten ist mein Beispielcode:-

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="pdfpoc.aspx.cs" Inherits="Game.pdfpoc" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="Scripts/jquery-1.10.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
function printpdf() 
{
    alert("pdfprint");
    var iframe = document.frames ? window.frames.frames["frPDF"] : document.getElementById("frPDF");
    var ifWin = iframe.contentWindow || iframe;
    try {

        ifWin.focus();
        ifWin.print();
    }
    catch (e) {
        window.print(false);
        //or when you get Invalid calling object error for IE9 and above
        //set the browser into IE8 compatibility mode will work
    }

    return false;
}
function changeSource() {
    console.log("change");
    var src = $("#frPDF").attr('src');
    console.log("src", src);

    if (src == "NCTP.pdf") {
        //$("#frPDF").attr('src', "NCTP1.pdf");
        url = "NCTP1.pdf";
    }
    else {
        // $("#frPDF").attr('src', "NCTP.pdf");
        url = "NCTP.pdf";

    }
    console.log("Url" + url);
    var iframe = $('#frPDF')[0]; //reference to IFRAME element
    $.get(url, function () {
        iframe.src = url;
        $("#frPDF").load(function () {
            printpdf();
        });
        //$("#frPDF").trigger('onload');
    }).error(function () { alert('PDF not found'); });
    return false;
}
</script>
</head>

<body>
<form id="form1" runat="server">
  <input type="button" value="Change Source" onclick="javascript:changeSource()" />
  <div> Its not the part of Iframè <br />
    IFRAME PDF: <br />
    <iframe id="frPDF" height="800" width="800" src="NB.pdf?a=1"></iframe>
  </div>
</form>
</body>
</html>
  • leider für jeden browser eine andere Art von Druck. Für den ie besser nutzen <embed id="frPDF" type="application/pdf" height="800" width="800" src="NB.pdf-Datei?a=1"></embed>
InformationsquelleAutor user3729777 | 2014-08-13
  1. 2

    Für IE-browser besser zu verwenden embed-Tags für pdf -, schauen Sie sich dieses(ich ersetzen Sie Ihre pdf-Quelle). es funktioniert bei mir im IE 8 und Chrome(und Opera ofc)

    <input type="button" value="Change Source" name="btnChangeSource"  />
<div> Its not the part of Iframè <br />
    IFRAME PDF: <br />
    <embed id="frPDF" type="application/pdf" height="800" width="800" src="http://eurecaproject.eu/files/5013/9885/7113/example4.pdf"></embed>
 </div>

    Lösung für IE/Chrome/Opera

    • Es ist nicht das laden des Dokuments im IE als auch in chrome.Ich bin mit IE11.
    • Beispiel in jsfiddle funktioniert im IE11
    InformationsquelleAutor Igor Semin
  2. 0
    jQuery(document).ready(function($) {
  function print(url)
  {
      var _this = this,
          iframeId = 'iframeprint',
          $iframe = $('iframe#iframeprint');
      $iframe.attr('src', url);

      $iframe.load(function() {
          _this.callPrint(iframeId);
      });
  }

  //initiates print once content has been loaded into iframe
  function callPrint(iframeId) {
      var PDF = document.getElementById(iframeId);
      PDF.focus();
      PDF.contentWindow.print();
  }
});
    • Bitte ein bisschen erklären, was dein code tut.
    InformationsquelleAutor
Schreibe einen Kommentar