我使用PDF.js
和Viewer.js
作为打印视图。
说明:
在这里,我可以选择让客户根据要求打印.pdf
文件,因为它可以正常使用Chrome但不能使用Microsoft Edge
,IE11
,Firefox
。< / p>
使用chrome浏览器图片:
不使用Microsoft Edge浏览器图像。这里我可以显示打印视图,但pdf文件无法正常显示。
下面的JS代码,可以正常使用chrome。
$.ajax({
type: "POST",
traditional: true,
url: url,
async: false,
data: params,
dataType: "json",
success: function (data) {
if (data != null) {
$("#dvPrint").html("");
// create and remove iframe for display pdf
var frame1 = document.createElement('iframe');
frame1.name = "frame1";
frame1.id = "framePDFViewer";
frame1.src = "/ViewerJS/#.." + data;
frame1.width = 800;
frame1.height = 50000;
document.body.appendChild(frame1);
setTimeout(function () {
var canvas = $("canvas", $("#framePDFViewer").contents());
for (var i = 0; i < canvas.length; i++) {
var img = "<img src='" + canvas[i].toDataURL() + "' />";
$("#dvPrint").html($("#dvPrint").html() + img);
}
document.body.removeChild(frame1);
PrintDiv($("#dvPrint").html(), function () { $('#Loader').hide(); });
}, 5000);
}
},
error: function (e) {
$('#Loader').hide();
}
});