Как напечатать несколько изображений штрих-кода с помощью jquery

Я сгенерировал несколько штрих-кодов, используя этот код:

function getCode() {
    var multipleCodes = document.getElementById('codeArea').value;
    var eachLine = multipleCodes.split('\n');
    console.log("eachLine = " + eachLine);
    for (var i = 0; i < eachLine.length; i++) {
        console.log("Inside loop: " + eachLine[i]);

        var div = document.createElement('iframe');
        div.innerHTML = "";

        div.setAttribute('id', 'iFrameID' + i);
        document.body.appendChild(div);
        document.getElementById('iFrameID' + i).src = 'barCodeGenerator/generateBarCode.php?q=' + eachLine[i];

    }

и пытается распечатать его с помощью этого метода:

function printDiv(divName) {
    var strName = document.getElementById("codeArea").value;
    var imageId = document.getElementsByClassName('decoded');

    var imagObject = new Image();
    imagObject = imageId;
    var originalImage = '<img id="imageViewer" src="' + imageSrc + '" style="padding-top: 20px"   alt="' + imageSrc + '" />';
    popup = window.open('', 'popup', 'toolbar=no,menubar=no,width=700,height=650');
    popup.document.open();
    popup.document.write("<html><head></head><body onload='print()'>");
    popup.document.write(originalImage);
    popup.document.write("</body></html>");
    window.close('popup');
    popup.document.close();
    setTimeout(function () { popup.close(); }, 8000);
}

которые печатают только одно изображение, объединяя все штрих-коды. Как я могу распечатать их отдельно как несколько изображений. Любая помощь будет оценена.

Источник

1 ответ

Большая часть этого кода не имеет отношения к вашему вопросу. Подумайте об удалении журналов, о том, как отобразить всплывающее окно, и о том, как его скрыть, чтобы получить больше информации

Кажется imageSrc Переменная в вашем коде содержит источник одного изображения, поэтому вам нужно изменить код, отправив массив источников изображений и повторив его:

var originalImage = '';
// assuming imageSrc is an array of image sources
for (var i=; i < imageSrc.length; i++) {

    // note that I'm changing the id of the image a litle bit to ensure it will remain unique
    originalImage  += '<img id="imageViewer' + i + '" src="' + imageSrc[i] + '" style="padding-top: 20px"   alt="' + imageSrc[i] + '" />';

}

тогда остальная часть вашего кода должна работать.

Источник
Другие вопросы по тегам