打印图像阵列

时间:2016-11-18 17:38:22

标签: javascript printing

我有一个包含图片路径的javascript数组。

var images = ["pictures/pic1.jpg", "pictures/pic2.jpg", "pictures/pic3.jpg"];

(该数组是通过Ajax / Json生成的,来自php脚本)。

现在我要打印出每张图片。 每张图片都应以单独的页面宽度width=100%

打印

最快的方法是什么? 我是否必须在div(在样式后有一个css分页符)中显示每个图像然后打印或者是否可以直接打印图像。

1 个答案:

答案 0 :(得分:0)

我没有测试过,但请尝试

@media print {
   * 
    {    
     display: none !important;
    }

   .printable
    {
     display: block !important;
     width=100%;
     break-after: always;
     page-break-after: always;
    }
}

并且

var cnt = 0;
function printImages() {
  var container = document.getElementById("imageContainer");
  for (var i=0;i<images.length;i++) {
    var img = document.createElement('img');
    img.className="printable";
    img.onload=function() {
      cnt++;
      if (cnt==images.length) {
        window.print();
      }
    }
    img.src=images[i];
    container.appendChild(img);
  }
}