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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • mysql分页查询limit用法(怎么对文档进行分页)

    一、分页需求:客户端通过传递start(页码),pageSize(每页显示的条数)两个参数去分页查询数据库表中的数据,那我们知道MySql数据库提供了分页的函数limitm,n,但是该函数的用法和我们的需求不一样,所以就需要我们根据实际情况去改写适合我们自己的分页语句,具体的分析如下:比如:查询第1条到第10条的数据的sql是:select*fromtablelimit0,…

    2022年4月11日
    87
  • okr绩效考核方法_谷歌安装器哪个好

    okr绩效考核方法_谷歌安装器哪个好摘自:http://jincuodao.baijia.baidu.com/article/4352文/金错刀(微信公众号ijincuodao)我常说,我们做案例式培训的方式跟其他人不一样,很多公司只是就案例而案例,我们的方式就一句话:用别人的的血泪武装自己。这里边,除了方法论,更重要的是行动工具。如何让自己的团队嗷嗷叫,执行力强悍,甚至狗急跳墙?今天重磅推荐一个员工执行

    2022年9月2日
    6
  • ALSA的pulse插件_pulseaudio启动

    ALSA的pulse插件_pulseaudio启动此博文为记录我初次进行树莓派开发语音唤醒时遇到的问题以及解决方法,如果有更好的方法,欢迎讨论。问题一描述:我在进行snowboy的安装过程中,所有的程序能够正常运行,也能正常录音以及音频输出,但是树莓派重启后,我运行之前设置好的程序,程序依然能够运行,但不能进行正常的唤醒。我查了/.asoundrc没有问题,录音设备和音频输出设备也是正常的状态,在系统中也能列出。问题一解决:经过多次重装系统(因为我的树莓派不只是只有做语音唤醒,我一开始也不知道是哪里的问题)的排除,发现是树莓派重启之后pulseau

    2022年10月16日
    2
  • SqlServer数据库备份与还原

    SqlServer数据库备份与还原最近需要给程序新增功能,用于将旧格式的数据转换为新格式,同时删除旧格式的数据(新旧格式的数据库表有部分重叠,同一份数据无法同时存在新旧格式的数据),由于测试环境中的测试数据不多,功能调试几次之后就没有旧格式的数据做测试了,因此想到在功能调试前先将测试数据库备份,然后功能调试之后再将测试数据库还原,这样就可以重复的进行功能调试。  数据库备份过程比较顺利,但是还原过程中出现错误,无论是还原数据库还是还原数据库文件都报错

    2022年5月15日
    40
  • mongodb access control is not enabled for the database

    mongodb access control is not enabled for the databasemongodb access control is not enabled for the database

    2022年4月25日
    67
  • wifi 频段表_史上最全无线通信频率分配表,转走收藏!

    wifi 频段表_史上最全无线通信频率分配表,转走收藏!5GNR3GPP已指定5GNR支持的频段列表(可查看TS381045.2章节),5GNR频谱范围可达100GHz,指定了两大频率范围:①Frequencyrange1(FR1):就是我们通常讲的6GHz以下频段•频率范围:450MHz-6.0GHz•最大信道带宽100MHz②Frequencyrange2(FR2):就是毫米波频段•频率范围:24.25GHz-52.6…

    2022年10月20日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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