在IE中打印和保存base64编码的图像

Question

我在从绘图应用程序打印和保存base64编码的png图像时遇到问题，您可以在此处查看： http : //test1.spletodrom.com/uganka/index.html

在左下方，您有2个图标/按钮，即“保存”和“打印”。 变量simpleBoard.getImg（）是base64编码的图像字符串。

保存操作由以下代码触发：

$('#save-img').on('click', function(e) {
  startLoad();
  var img = simpleBoard.getImg();
  img = img.replace("image/png", "image/octet-stream");
  var link = document.createElement('a');
  link.download = 'slika.png';
  link.target = '_blank';
  link.href = img;
  link.click();
  endLoad();
});

打印操作由以下代码触发：

$('#print-img').on('click', function(e) {
  startLoad();
  var img = simpleBoard.getImg();
  var popup = window.open();
  popup.document.write('<img src=' + img + '>');
  popup.focus(); //required for IE
  popup.print();
  endLoad();
});

浏览器行为：

1. IE9和IE10：单击“保存”不执行任何操作，单击“打印”在新选项卡中打开base64编码的图像，但不打开“打印”对话框
2. IE11：单击“保存”或“打印”会在新选项卡中打开base64编码的图像，但不会打开“打印/保存”对话框
3. Firefox：单击“保存”不会执行任何操作，单击“打印”即可正常工作
4. Chrome：点击保存并打印即可正常运行

控制台中没有错误。

任何帮助，将不胜感激。

Answer 1

我将这里找到的解决方案组合在一起，这就是解决方案：

$('#print-img').on('click', function(e) {
  startLoad();
  var img = simpleBoard.getImg();
  var popup=window.open();
  popup.document.write('<img src=' + img + '>');
  popup.document.close();
  popup.focus();
  popup.print();
  popup.close();
  endLoad();
});