fileinput基本使用[通俗易懂]

fileinput基本使用[通俗易懂]新增$(“#attachmentsFile”).fileinput({theme:”fa”,showPreview:true,//是否显示预览hideThumbnailContent:true,//是否在缩略图中隐藏预览内容(图像,pdf内容,文本内容等)。showUpload:false,//隐藏上传按钮…

大家好,又见面了,我是你们的朋友全栈君。

新增

 $("#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('确定删除原文件?删除后不可恢复!');
    });
}
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/133869.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 如何在Java中获取context-param值?

    如何在Java中获取context-param值?“context-param”标记在“web.xml”文件中定义,并且为整个Web应用程序提供参数。例如,将管理员的电子邮件地址存储在“context-param”参数中,以从我们的Web应用程序发送错误通知。web.xml<context-param> <param-name>AdministratorEmail</param-n…

  • 小树311_森林小道

    小树311_森林小道原题链接森森开了一家快递公司,叫森森快递。因为公司刚刚开张,所以业务路线很简单,可以认为是一条直线上的N个城市,这些城市从左到右依次从0到(N−1)编号。由于道路限制,第i号城市(i=0,⋯,N−2)与第(i+1)号城市中间往返的运输货物重量在同一时刻不能超过C​i​​ 公斤。公司开张后很快接到了Q张订单,其中j张订单描述了某些指定的货物要从S​j​​ 号城市运输到T​j​​ 号城市。这里我们简单地假设所有货物都有无限货源,森森会不定时地挑选其中一部分货物进行运输。安全起见,这些货物不会在中

  • Codeforces Round #275 (Div. 2) C – Diverse Permutation (构造)[通俗易懂]

    Codeforces Round #275 (Div. 2) C – Diverse Permutation (构造)

  • IDEA的下载和使用安装

    IDEA的下载和使用安装一.IDEA的下载IDEA下载地址:https://www.jetbrains.com/idea/download/#section=windowsIDEA分为两个版本:旗舰版(Ultimate)和社区版(Community)。旗舰版收费(限30天免费试用),社区版免费二.安装过程在这我们选择装旗舰版,社区版虽然免费,但是有些功能不全双击【ideaIU-2018.3.3.exe】安装文件:点击下一步(Next)选择好【文件的安装文件目录】,点击【Next】

  • 生成initramfs_windows引导文件

    生成initramfs_windows引导文件在制作Initramfs文件系统之前,我先简单介绍下linux各文件系统。linux支持多种文件系统类型,包括ext2,ext3,vfat,jffs,ramfs,nfs等,为了对各类文件系统进行统一管理,linux引入了虚拟文件系统vfs(virtualfilesystem),为各类文件系统提供一个统一的应用编程接口。文件系统类型主要有如下:根据存储设备的硬件特性,…

  • C++ostringstream用法

    C++ostringstream用法ostringstream用法1.类型转换要求包含头文件;字符串和int之间的互相转换;intnum=100;stringstr=””;std::ostringstreamoss;oss<<num;oss>>str; //str结果为”100″;可用于自定义类型转换,类之间转换;classA{inta;}classB{intb;}Aa;Bb;std::ostringstreamoss;os

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号