ページにボタンが1つあります。ユーザーがそのボタンをクリックすると、動的にdivが生成され、テキストと画像が動的に割り当てられ、jqueryプラグインによってそのdivが印刷されます。これは、jquery.printElement.min.jsというjquerydiv印刷プラグインを使用して行いました。
私のコードはIEおよびFFブラウザーで正常に動作しますが、Chromeで有線で動作します。クロム画像の場合、divに割り当てられたりロードされたりしないため、テキストのみが印刷されます。
これが私のコードで、画像とテキストをdivに割り当て、jqueryプラグインでそのdivを出力します。
$("#Print").click(function () {
if (ImgPath != '') {
sHtml = "<div id='dvPrint' ><table>";
sHtml += "<tr><td>" + "<img src='" + ImgPath + "' height='600' width='400' border='0'/>" + "</td></tr>";
sHtml += "<tr><td>" + $('#lblTxt').html() + "</td></tr>";
sHtml += "</table></div>";
var $dvPrint = $(sHtml);
//alert(ImgPath);
$dvPrint.printElement(); // jquery div print plug-in
}
else {
alert("Image not found for print");
}
return false;
});
プラグインのURL:-https: //github.com/erikzaadi/jQueryPlugins/tree/master/jQuery.printElement