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)


相关推荐

  • HttpCanary下载_用java编写自我介绍

    HttpCanary下载_用java编写自我介绍前言首先,我们无论学习哪个框架,都要带着问题,带着思考去学习思考1:HttpRunner是什么?思考2:HttpRunner的设计模式是什么?思考3:为什么我们要学习HttpRunner?他的

  • HADOOP生态圈知识概述

    HADOOP生态圈知识概述一.hadoop生态概况Hadoop是一个由Apache基金会所开发的分布式系统基础架构。用户可以在不了解分布式底层细节的情况下,开发分布式程序。充分利用集群的威力进行高速运算和存储。具有可靠、高效、可伸缩的特点。Hadoop的核心是HDFS、YARN和Mapreduce。随着处理任务不同,各种组件相继出现,丰富Hadoop生态圈,目前生态圈结构大致如图所示:随着处理任务不同,各种组件相继出现,丰富Hadoop生态圈,目前生态圈结构大致如图所示:根据服务对象和层次分为:数据..

  • 详解贝叶斯学派与频率学派的区别和联系

    详解贝叶斯学派与频率学派的区别和联系大家好,我是东哥。要说贝叶斯和频率学派,那简直太有意思了。为什么这么说呢?因为两个学派的理解对于我来说真的是一场持久战。我是在学习机器学习的时候接触到的这两个学派,此前并不知道,当时就被深深吸引了,于是找了各种资料学习下来,说实话感觉有点懂了,但又感觉没理解透。后面我一直是带着这种似懂非懂的状态继续肝机器学习。但随着不断深入学习我发现很多理论其实都有出现两个学派的身影,而且在模型算法层面结合两派不断琢磨对我的理解有了很大帮助,经常有茅塞顿开的感觉(那段日子真的进步的飞起)。虽说我有点笨,但好在经过时间

  • 水果篮一般装几种水果_one step closer水果篮子

    水果篮一般装几种水果_one step closer水果篮子904.水果成篮题目描述题目链接:904水果成蓝你正在探访一家农场,农场从左到右种植了一排果树。这些树用一个整数数组fruits表示,其中fruits[i]是第i棵树上的水果种类。你想要尽可能多地收集水果。然而,农场的主人设定了一些严格的规矩,你必须按照要求采摘水果:你只有两个篮子,并且每个篮子只能装单一类型的水果。每个篮子能够装的水果总量没有限制。你可以选择任意一棵树开始采摘,你必须从每棵树(包括开始采摘的树)上恰好摘一个水果。采摘的水果应当符合篮子中的水果类型。

  • webrtc fec_webrtc neteq

    webrtc fec_webrtc neteq转自:https://www.jianshu.com/p/06a27ebacec7在基于IP网络的多媒体通信系统(比如WebRTC)中,网络丢包对多媒体通信质量有非常严重的影响:例如造成视频的马赛克、图像模糊、帧率下降等问题,造成音频的声音失真、噪声干扰、音频中断等问题。这都会严重影响系统的通信质量,造成非常差的用户体验。WebRTC主要采取两种手段对抗网络丢包:丢包重传(NACK)和前向纠错(F…

  • adb安装apk_adb常用命令最全解析及应用

    adb安装apk_adb常用命令最全解析及应用启动adbserver命令:adbstart-server停止adbserver命令:adbkill-server查看adb版本命令:adbversion查询已连接设备/模拟器命令:adbdevices安装APK命令格式:adbinstall[-lrtsdg]参数:adbinstall后面可以跟一些可选参数来控制安装APK的行为,可用参数及含义如下:参数含义…

发表回复

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

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