Comment puis-je imprimer un fichier pdf dans google chrome?

J'ai un fichier pdf associé à un bouton . Quand je clique sur le bouton je veux obtenir le pdf imprimé. C'est ainsi que mon bouton est codé :

<input type="submit" class="btn-red" value="Print"
name="Submit" id="printbtn"
onclick="printPDF('http://www.irs.gov/pub/irs-pdf/fw4.pdf')" />

Maintenant mes fonctions d'impression fonctionne comme ceci :

    function printPDF(pdfUrl)
    {

    if ((navigator.appName == 'Microsoft Internet Explorer') ) 
    window.print(pdfUrl,"_self");
    else
    {
    var w = window.open(pdfUrl,"_self");
    w.print();
    w.close();
    }
    }

Le problème c'est que ça fonctionne sous IE et le renard de Feu , mais ne fonctionne pas sur chrome. Dans ie et Firefox, il ouvre le xps de l'imprimante option, mais dans chrome , il s'ouvre seulement une nouvelle fenêtre d'impression, avec l'aperçu avant impression de la div et pas le pdf . Mais je veux le xps option pour être ouverte ici.

EDIT : Dans google chrome, lorsque j'essaie d'imprimer , seul l'élément html est livré en avant-première et pas la pdf. Je suis en utilisant google chrome version : 20.0.1132.57

Comment puis-je obtenir autour de cette particularité ? aide gentiment .

OriginalL'auteur The Dark Knight | 2013-01-11

  1. 4

    J'ai eu à faire la même chose et j'ai utilisé une approche différente, pour moi travaillé en Chrome et Firefox.

    Ma solution: un print.html un fichier de helper, qui a reçu le fichier PDF de l'url comme un paramètre de type, puis chargé le fichier pdf à l'intérieur d'une iframe. Puis elle a gardé de la vérification pour voir si le pdf a complètement chargé (qui lie le chèque à l' onload événement n'a pas de travail) et à la fin il a déclenché la méthode d'impression.

    Ici:

    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title>Print Page</title>
<meta name="title" content="Print" /> 
<script>
(function (window, document, undefined) {
var printy = {
urlGET: function (param) {
var params = document.URL.split('?');
if(params.length > 1) {
params = params[1].split('&');
for (var  i = 0, len = params.length; i < len; i++) {
if (params[i].split('=')[0] === param) {
return params[i].split('=')[1];
}
}
}
return null;
},
init: function () {
var self = this;
window.onload = function () {
var src = self.urlGET('path');
//creating an iframe element
var ifr = document.createElement('iframe');
document.body.appendChild(ifr);
//making the iframe fill the viewport
ifr.width  = '100%';
ifr.height = window.innerHeight;
//continuously checking to see if the pdf file has been loaded
self.interval = setInterval(function () {
if (ifr.contentDocument.readyState === 'complete') {
clearInterval(self.interval);
//doing the actual printing
ifr.contentWindow.print();
}
}, 100); 
ifr.src = src;
}
}
}
printy.init();
})(window, document, undefined);
</script>
</head>
<body>
</body>
</html>

    Cette solution n'est pas testé sur IE. Nous utilisons des Mac au travail de sorte qu'il n'était pas une option.

    Pour l'impression, je l'utilise en appelant une URL comme ceci: http://example.com/print.html?path=docs/myfile.pdf

    Merci pour le partage. Check it out et laissez-vous savez, si cela fonctionne pour moi.

    OriginalL'auteur BBog

  2. 4

    Cela a fonctionné pour moi et n'a pas besoin d'un hôte fichier HTML. La clé était d'attendre onload:

    Pour un lien comme ceci:

    <a class="print-pdf-link" href="/your/pdf.pdf">Print PDF</a>

    J'ai utilisé du javascript:

    $('a.print-pdf-link').click(function () {
var w = window.open($(this).attr('href'));
w.onload = function () {
w.print();
};
return false;
});
    Ne fonctionne pas sur FF.

    OriginalL'auteur Greg Ennis