使用JS列印很簡單 

window.print();

這麼做的缺點是,如果這個頁面圖片沒載入完成 改方法也會執行

如何做到所有圖片都載入完成再列印呢

程式碼如下

function __Print(){
    var img_length = $("img").length;
    var img_start = 0;
    $('img').each(function(){
        var oneImg = new Image();  
        oneImg.src = $(this).attr('src'); 
        oneImg.onload=function(){
            img_start++;
            console.info(img_start);
            if(img_start == img_length){
                window.print();
            }
            
        };
    })
}
 

思路就是遍歷所有img元素, 對其進行載入完成的處理

當處理的次數和圖片的數量相等時 進行列印

如果這個文章幫助到了你 請留言哦!