Comment imprimer la page Html avec l'image en utilisant Javascript

Question

Salut,

Ma demande est en asp.net MVC3 codé en C# .Net , j'ai un certain point de vue avec l'obligation d'imprimer la complète Html d'un div particulier dans cette vue.

On suppose

<div id="Printable_Div" > 
    <div> 
    <img id="First_Image" src="Source of my Image"> 
    </div> 
    <table>My table data 
    </table> 
</div> 

Après les choses que j'essayées

var w = window.open(); 
    w.document.write($("#Printable_Div").html()); 
    w.print(); 
    w.close(); 

Aussi j'ai essayé d'utiliser les printElement.js jquery

$("#Printable_Div").printElement(); 

Et aussi window.print() J'ai également essayé de placer l'image en arrière-plan de la

<div style="background-image:My Image"></div> 

Il n'y a pas question en imprimant la page Html, mais la question est, l'image ne s'affiche dans toutes les trois méthodes éprouvées ci-dessus. Je veux imprimer tout le HTML qui est disponible dans la Div avec l'ID = Printable_Div Y at-il un moyen d'afficher l'image dans l'impression aussi bien. La balise d'image est affichée dans l'aperçu avant impression mais pas l'image.

Mise à jour

J'ai également essayé d'imprimer la page entière en utilisant le code ci-dessous.

<div id="Printable_Div" onclick="Print_Function()"> 
</div> 

fonction Javascript

<script type="text/javascript"> 
     function Print_Function() { 
     window.print(); 
     } 

    </script> 

Answer 1

Essayez cette façon,

<button onclick="window.print();printDiv(document.getElementById('Printable_Div'));">Save as PNG Image</button>