1

我正在通过 $.ajax 跨域调用从 img html 元素中的不同域加载图像,并打开一个包含图像内容的弹出窗口,如下面的代码所示

     var printWindow= "";                                                                 
      methodName = "CreateVisitor";
            $.support.cors = true;
            $.ajax({
                type: "get",
                url: visitorServiceUrl + methodName + "/" + tenantId + "/" + userId
                    + "/" + visitorid + "/" + visitorname + "/" + visitormobilenumber
                    + "/" + visitorcompanyid + "/" + visitorcompanyname + "/" + visiteeid,
                dataType: "jsonp",
                async: false,
                cache: false,
                crossDomain: true,
                success: function (data) {
                    var imageUrl = "";
                    imageUrl = data ? siteImageUrl + data : 'image/NO_IMAGE.jpg';
                    $("#visitorcard").attr('src', imageUrl);
                    printWindow = window.open($("#visitorcard").attr('src'), "_blank", 'width=200,height=200');
                    //                        printWindow.onload = function () {
                    //                            printWindow.print();
                    //                        };
                    setTimeout(function () { printvisitorcard(); }, 1000);

                },
                error: function (xhr, type, exception) {
                    //alert("Error: " + xhr + " : " + exception + " : " + type);
                }
            });

然后我使用 setTimeout() 尝试像这样自动将图像打印到我的网络打印机(我不确定我是否在同一个域中)

function printvisitorcard() {
printWindow.print();
printWindow.close();

}

但是,每次我收到Microsoft JScript 运行时错误:访问被拒绝。在 printWindow.print() 上;线。我知道 javascript 的跨域问题,但我仍然想打印图像。我该如何克服这个错误?任何帮助将不胜感激。

PS Firefox 和 Chrome 不会抛出此错误,但它们也不会打印图像。

4

1 回答 1

1

更改为您自己域中的内容。

这是一个演示- 在 Fx 中工作 - 要在 Chrome 中工作,您需要添加一个点击处理程序。除非用户单击以获取弹出窗口,否则将阻止弹出窗口

success: function (data) {
  var imageUrl = data ? siteImageUrl + data : 'image/NO_IMAGE.jpg';
  $("#visitorcard").attr('src', imageUrl);
  var printWindow = window.open("", "_blank", 'width=200,height=200');
  printWindow.document.write('<body onload="window.focus();window.print()">'+
    $("#visitorcard").parent().html()+'</body>');
  printWindow.document.close();
},
于 2012-09-18T13:53:06.393 回答