打印圖像數組

Question

我有一個包含圖像路徑的javascript數組。

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

（該數組是通過Ajax/Json生成的，來自php腳本）。

現在我想打印出每張照片。 每幅圖片應該分開打印一頁寬度width=100%

什麼是最快的方式？ 我是否必須在div（樣式後有css分頁符）內顯示每個圖像，然後打印或是否可以直接打印圖像。

Answer 1

我沒有測試過這一點，但嘗試

@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); 
    } 
}