fileinput基本使用

新增

 $("#attachmentsFile").fileinput({
        theme: "fa",
        showPreview: true, //是否顯示預覽
        hideThumbnailContent: true,//是否在縮略圖中隱藏預覽內容（圖像，pdf內容，文本內容等）。
        showUpload: false, //隱藏上傳按鈕
        showRemove: false, //隱藏清除按鈕
        overwriteInitial: false,
        language: 'zh',
        browseClass: "btn btn-hinfo",
        browseLabel: "附件",
        layoutTemplates: {
            //actionDelete: '',//去除上傳預覽的縮列圖中的刪除圖標
            actionUpload: '',//去除上傳預覽的縮列圖中的上傳圖標
            actionZoom: '',//去除上傳預覽的縮列圖中的預覽圖標
        },
    }).on('change', function (event) {
    }).on('filepredelete', function (event, key, jqXHR, data) {
        return !confirm('確定刪除原文件？刪除後不可恢復!');
    });

修改

function initFileInput(id) {
    var initialPreviews = [], initialPreviewConfigs = [];
    $.ajax({
        url: '/attachment/fileinfos',
        type: "GET",
        async: false,
        data: {id: id},
        success: function (res) {
            if (res.success == true) {
                if(res.data.length>0){
                    res.data.forEach(function (element, index) {
                        initialPreviews.push(element.path);
                        initialPreviewConfigs.push({
                            previewAsData: false,
                            downloadUrl: element.path,
                            caption: defaultValue(element.fileName,"附件"+index),
                            width: '120px',
                            url: '/attachment/delete',
                            key: element.id,
                            extra: function() {
                                return {id: element.id};
                            }
                        });
                    });
                }
            } else {
                toastr.error(res.message);
            }
        },
        error: function (res) {
            toastr.error("請求失敗");
        },
        complete: function () {
            closeModalWithJs(pageData.updateModal);
        }
    });
    $("#attachmentsFileU").fileinput('destroy');
    $("#attachmentsFileU").fileinput({
        theme: "fa",
        uploadUrl: "不然沒有新文件刪除按鈕",
        showPreview: true, //是否顯示預覽
        hideThumbnailContent: true,//是否在縮略圖中隱藏預覽內容（圖像，pdf內容，文本內容等）。
        showUpload: false, //隱藏上傳按鈕
        showRemove: false, //隱藏清除按鈕
        showClose: false, //隱藏右上角叉
        overwriteInitial: false,
        language: 'zh',
        browseClass: "btn btn-hinfo",
        browseLabel: "附件",
        msgDuplicateFile: '"{name}"文件已經存在',
        initialPreviewAsData: true, // 確定你是否僅發送預覽數據，而不是原始標記
        initialPreview: initialPreviews,
        initialPreviewConfig: initialPreviewConfigs,
        layoutTemplates: {
            //actionDelete: '',//去除上傳預覽的縮列圖中的刪除圖標
            actionUpload: '',//去除上傳預覽的縮列圖中的上傳圖標
            actionZoom: '',//去除上傳預覽的縮列圖中的預覽圖標
        },
    }).on('change', function (event) {
    }).on('filepredelete', function (event, key, jqXHR, data) {
        return !confirm('確定刪除原文件？刪除後不可恢復!');
    });
}