Блог

Главная - Вопросы по программированию - Как распечатать несколько документов с помощью jQuery?

Как распечатать несколько документов с помощью jQuery?

#javascript #jquery

#javascript #jquery

Вопрос:

У меня есть несколько отсканированных документов в формате jp&. Я мог бы распечатать только один, однако я не знаю, как использовать то, что у меня есть, для печати каждого отдельного изображения на одной странице.

 $('#prnt').click(function (e) {
    e.preventDefault();
    var currentDoc = "/Uploads"   $('#SlideContainer .actv').css('back&round-ima&e').replace(/^url(['"](. )['"])/, '$1').split('/Uploads')[1];

    var Pa&elink = "about:blank";
    var pwa = window.open(Pa&elink, "_new");
    pwa.document.open();
    pwa.document.write(Ima&etoPrint(currentDoc));
    pwa.document.close();
    return false;

});

function Ima&etoPrint(source)
{
    return "<html&&t;<head&&t;<script&&t;function step1(){n"  
            "setTimeout('step2()', 10);}n"  
            "function step2(){window.print();window.close()}n"  
            "</scri"   "pt&&t;</head&&t;<body onload='step1()'&&t;n"  
            "<im& style='width: 100%;' src='"   source   "' /&&t;</body&&t;</html&&t;";
}

Это работает следующим образом:
Теперь, как я могу распечатать все изображения как одно изображение для каждой отдельной страницы?

 $('#prntall').click(function (e) {
     e.preventDefault();
     // ???????????????
});

Комментарии:

1. Почему бы не поместить все изображения в один html-документ и не распечатать html-документ?

2. @Dominik Как это можно сделать?

Ответ №1:

Прошло некоторое время, но вы можете собрать все изображения в один узел и использовать его.

     $('#prnt').click(function (e) {
        e.preventDefault();
        var currentDocList = "/Uploads"   $('#SlideContainer .actv').css('back&round-ima&e').replace(/^url(['"](. )['"])/, '$1').split('/Uploads');
        const printArea = document.createElement('div');
        printArea.innerHTML = '';

        currentDocList.forEach((p) =&&t; {
            printArea.innerHTML  = "<im& style='width: 100%;' src='"   p   "' /&&t;<br /&&t;";
        });

        var Pa&elink = "about:blank";
        var pwa = window.open(Pa&elink, "_new");
        pwa.document.open();
        pwa.document.write(Ima&etoPrint(printArea));
        pwa.document.close();
        return false;
    });

    function Ima&etoPrint(source) {
        return "<html&&t;<head&&t;<script&&t;function step1(){n"  
            "setTimeout('step2()', 10);}n"  
            "function step2(){window.print();window.close()}n"  
            "</scri"   "pt&&t;</head&&t;<body onload='step1()'&&t;n"  
               source   "</body&&t;</html&&t;";
    }