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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Mac下mysql不能远程访问问题

    Mac下mysql不能远程访问问题

    2021年5月14日
    146
  • logistic 函数(logistic function)sigmoid函数

    logistic 函数(logistic function)sigmoid函数今天看SVM(支持向量机),开始先引入了logistic函数,虽然给出了一公式,但好奇logistic函数啥东东啊,为啥叫logistic呢,搜索ing。说简单些,logistic函数其实就是这样一个函数:

    2025年6月18日
    3
  • 什么是单点登录?单点登录的三种实现方式「建议收藏」

    什么是单点登录?单点登录的三种实现方式「建议收藏」单点登录SSO(SingleSignOn)说得简单点就是在一个多系统共存的环境下,用户在一处登录后,就不用在其他系统中登录,也就是用户的一次登录能得到其他所有系统的信任。单点登录在大型网站里使用得非常频繁,例如像阿里巴巴这样的网站,在网站的背后是成百上千的子系统,用户一次操作或交易可能涉及到几十个子系统的协作,如果每个子系统都需要用户认证,不仅用户会疯掉,各子系统也会为这种重复认证授权的逻辑搞…

    2022年7月27日
    12
  • Matlab 2016a 安装包及破解教程

    Matlab 2016a 安装包及破解教程Matlab-Matlab2016a安装破解教程本方法只是研究破解技术所用。如果要使用软件还是要用正版的。Matlab2016a安装包及破解教程百度云分享链接: 链接:https://pan.baidu.com/s/1i6BgD8p    密码:17gg Matlab安装教程: 1、下载文件,得到R2016a_win64.part1.rar、R2016a_…

    2022年5月1日
    268
  • Python 支付宝转账到银行卡二维码制作步骤分享[通俗易懂]

    Python 支付宝转账到银行卡二维码制作步骤分享[通俗易懂]PS:最近有需求需要根据信息自动生成支付宝转账二维码,实现功能支付宝扫码后信息自动输入。谷歌百度知乎各种搜索教程一大堆没有一个能成功实现(有可能是我流程不对),大致的流程为一下三步:根据url生成链接url转短链短链生成二维码PS:根据此教程做出的二维码扫码会提示违规,不能实现预定目标经多次测试总结出以下流程:转账URL地址拼接:~~alipays://pl…

    2025年9月16日
    6
  • 1M 等于多少字节

    1M 等于多少字节1M=1024k=1048576字节算法是:8bit(位)=1Byte(字节)1024Byte(字节)=1KB1024KB=1MB1024MB=1GB1024GB=1TB一个汉字要占用2个字节如果换算成中文汉字那么就是1M=524288个汉字

    2022年5月9日
    93

发表回复

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

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