PDF'yi doğrudan JavaScript'ten yazdırın

HTML'de bir PDF listesi oluşturuyorum. Listeye bir indirme bağlantısı ve bir yazdırma düğmesi / bağlantısı eklemek istiyorum. Kullanıcı PDF'yi görmeden veya bir PDF görüntüleyiciyi açmadan PDF için Yazdır iletişim kutusunu doğrudan açmanın bir yolu var mı?

PDF'yi gizli bir iframe'e indirmenin ve onu JavaScript ile yazdırmak üzere tetiklemenin bazı varyasyonları?

Aşağıdaki yorumlara göre, artık modern tarayıcılarda çalışmamaktadır
Bu soru size yardımcı olabilecek bir yaklaşımı göstermektedir: Sessiz gömülü bir PDF yazdırma

<embed>PDF'yi belgeye gömmek için etiketini kullanır :

<embed
    type="application/pdf"
    src="path_to_pdf_document.pdf"
    id="pdfDocument"
    width="100%"
    height="100%" />

Daha sonra .print(), PDF yüklendiğinde Javascript'teki öğe üzerindeki yöntemi çağırırsınız :

function printDocument(documentId) {
    var doc = document.getElementById(documentId);

    //Wait until PDF is ready to print    
    if (typeof doc.print === 'undefined') {    
        setTimeout(function(){printDocument(documentId);}, 1000);
    } else {
        doc.print();
    }
}

Yerleştirmeyi gizli bir iframe'e yerleştirebilir ve oradan yazdırarak size kusursuz bir deneyim sunabilirsiniz.

Bir iframe'den bir PDF yazdırmak için bir işlev.

PDF'nin URL'sini işleve iletmeniz yeterlidir. Bir iframe oluşturur ve PDF yüklendikten sonra baskıyı tetikler.

İşlevin iframe'i yok etmediğini unutmayın. Bunun yerine, işlev her çağrıldığında onu yeniden kullanır. İframe'i yok etmek zor çünkü yazdırma tamamlanana kadar gerekli ve yazdırma yöntemi geri arama desteğine sahip değil (bildiğim kadarıyla).

printPdf = function (url) {
  var iframe = this._printIframe;
  if (!this._printIframe) {
    iframe = this._printIframe = document.createElement('iframe');
    document.body.appendChild(iframe);

    iframe.style.display = 'none';
    iframe.onload = function() {
      setTimeout(function() {
        iframe.focus();
        iframe.contentWindow.print();
      }, 1);
    };
  }

  iframe.src = url;
}

Print.js'yi http://printjs.crabbly.com/ adresinden indirin.

$http({
    url: "",
    method: "GET",
    headers: {
        "Content-type": "application/pdf"
    },
    responseType: "arraybuffer"
}).success(function (data, status, headers, config) {
    var pdfFile = new Blob([data], {
        type: "application/pdf"
    });
    var pdfUrl = URL.createObjectURL(pdfFile);
    //window.open(pdfUrl);
    printJS(pdfUrl);
    //var printwWindow = $window.open(pdfUrl);
    //printwWindow.print();
}).error(function (data, status, headers, config) {
    alert("Sorry, something went wrong")
});

https://github.com/mozilla/pdf.js/

canlı bir demo için http://mozilla.github.io/pdf.js/

Muhtemelen istediğiniz şey budur, ancak modern tarayıcılar bu tür bir işlevsellik içerdiğinden bunun amacını göremiyorum, aynı zamanda, kendi optimize edilmiş eklentileri ve uygulamaları olan mobil cihazlar gibi düşük güçlü cihazlarda çok yavaş çalışacaktır. .

Bu işlevi sunucudan pdf akışını indirmek için kullandım.

function printPdf(url) {
        var iframe = document.createElement('iframe');
        // iframe.id = 'pdfIframe'
        iframe.className='pdfIframe'
        document.body.appendChild(iframe);
        iframe.style.display = 'none';
        iframe.onload = function () {
            setTimeout(function () {
                iframe.focus();
                iframe.contentWindow.print();
                URL.revokeObjectURL(url)
                // document.body.removeChild(iframe)
            }, 1);
        };
        iframe.src = url;
        // URL.revokeObjectURL(url)
    }

Base64 dizesinden pdf yazdırmak için çapraz tarayıcı çözümü:

• Chrome: yazdırma penceresi açılır
• FF: pdf içeren yeni sekme açıldı
• IE11: aç / kaydet istemi açıldı

.

const blobPdfFromBase64String = base64String => {
   const byteArray = Uint8Array.from(
     atob(base64String)
       .split('')
       .map(char => char.charCodeAt(0))
   );
  return new Blob([byteArray], { type: 'application/pdf' });
};

const isIE11 = !!(window.navigator && window.navigator.msSaveOrOpenBlob); // or however you want to check it

const printPDF = blob => {
   try {
     isIE11
       ? window.navigator.msSaveOrOpenBlob(blob, 'documents.pdf')
       : printJS(URL.createObjectURL(blob)); // http://printjs.crabbly.com/
   } catch (e) {
     throw PDFError;
   }
};

printPDF(blobPdfFromBase64String(base64String))

BONUS - Blob dosyasını IE11 için yeni sekmede açma

Sunucuda base64 dizesinin ön işlemesini yapabiliyorsanız, onu bir url altında açığa çıkarabilir ve içindeki bağlantıyı kullanabilirsiniz printJS:)