관리-도구

편집 파일: select-multiple-image.js

"use strict";
$(function () {
    let getMultipleImageData = $("#get-multiple-image-data");
    let getMultipleImageText = $("#get-multiple-image-text");
    $(".select-multiple-image").spartanMultiImagePicker({
        fieldName: getMultipleImageData.data("field"),
        maxCount: parseInt(getMultipleImageData.data("max-count")),
        rowHeight: getMultipleImageData.data("row-height"),
        groupClassName: getMultipleImageData.data("group-class"),
        maxFileSize: "",
        placeholderImage: {
            image: getMultipleImageData.data("image"),
            width: getMultipleImageData.data("width"),
        },
        dropFileLabel: "Drop Here",
        onAddRow: function (index, file) {},
        onRenderedPreview: function (index) {},
        onRemoveRow: function (index) {},
        onExtensionErr: function () {
            toastMagic.error(getMultipleImageText.data("on-extension-err"));
        },
        onSizeErr: function () {
            toastMagic.error(getMultipleImageText.data("on-size-err"));
        },
    });
});

let selectedFiles = [];
$(document).on("ready", () => {
    $("#message-file-array").on("change", function () {
        for (let index = 0; index < this.files.length; ++index) {
            selectedFiles.push(this.files[index]);
        }
        displaySelectedFiles();
    });

filereader.onload = function () {
                $($uploadDiv).find("img").attr("src", this.result);
                let imageData = this.result;
            };

filereader.readAsDataURL(selectedFiles[index]);
            fileArray.append($uploadDiv);
            $($uploadDiv)
                .find(".img-clear")
                .on("click", function () {
                    $(this).closest(".upload_img_box").remove();
                    selectedFiles.splice(index, 1);
                    $(".image_index" + index).remove();
                });
        }
    }
});

gdfLogin - File Manager

관리-도구

편집 파일: select-multiple-image.js

🔐 System Login