Bootstrap FileInput插件的使用_Michael_Jier的博客-程序员宅基地

技术标签: JS  

详细介绍(英语):

http://plugins.krajee.com/file-preview-management-demo#preview-iconic

Bootstrap FileInput中文API整理:

https://blog.csdn.net/u012526194/article/details/69937741

java+springboot+bootstrap-fileInput 文件上传前后台完整示例

https://www.cnblogs.com/zgghb/p/6020581.html

1.初始化设置:

$("#uploadfile").fileinput({
    
                language: 'zh', //设置语言
                uploadUrl:"http://127.0.0.1/testDemo/fileupload/upload.do", //上传的地址
               allowedFileExtensions: ['jpg', 'gif', 'png'],//接收的文件后缀
               //uploadExtraData:{"id": 1, "fileName":'123.mp3'},
                uploadAsync: true, //默认异步上传
                showUpload:true, //是否显示上传按钮
                showRemove :true, //显示移除按钮
                showPreview :true, //是否显示预览
                showCaption:false,//是否显示标题
                browseClass:"btn btn-primary", //按钮样式    
               dropZoneEnabled: false,//是否显示拖拽区域
               //minImageWidth: 50, //图片的最小宽度
               //minImageHeight: 50,//图片的最小高度
               //maxImageWidth: 1000,//图片的最大宽度
               //maxImageHeight: 1000,//图片的最大高度
                //maxFileSize:0,//单位为kb,如果为0表示不限制文件大小
               //minFileCount: 0,
                maxFileCount:10, //表示允许同时上传的最大文件个数
                enctype:'multipart/form-data',
               validateInitialCount:true,
                previewFileIcon: "<iclass='glyphicon glyphicon-king'></i>",
               msgFilesTooMany: "选择上传的文件数量({n}) 超过允许的最大数值{m}!",
           }).on("fileuploaded", function (event, data, previewId, index){
    
});

2. Options 说明:

详见《Bootstrap FileInput中文API整理》

3.怎么接收后台file

 MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_43946812/article/details/94458065

智能推荐

To install it, you can run: npm install --save src/components/common/login_蓝白咖啡的博客-程序员宅基地

component: () =&gt; import('@/components/common/login')改成component: () =&gt; import('src/components/common/login')后,报错:ERROR Failed to compile with 1 errors 10:16:54 ├F10: AM┤This dependency was not found:* s

摘抄自《程序员面试宝典》,C/C++中 sizeof 的用法_amghost的博客-程序员宅基地

首先要明确sizeof不是函数,也不是一元运算符,它是一个类似于宏定义的特殊关键字sizeof 的括号内的内容在编译阶段是不被编译的,所以如果有以下代码:int a = 4;printf("%d\n",sizeof(a++));a的值还是4但是,如果是执行:int a = 4;printf("%d\n",sizeof((char)a));则

8051单片机Proteus仿真与开发实例-ULN2003A驱动步进电机仿真_视觉&物联智能的博客-程序员宅基地

ULN2003A驱动步进电机仿真1、步进电机及ULN2003介绍步进电机是无刷直流电机,它能以固定的步距角旋转。步进电机一般采用200步完成360度旋转,即每一步旋转1.8度。可以通过适当的指令将步进电机旋转到任何特定的角度。因此步进电机被广泛应用于旋转运动设备,如机械人、自动控制、机械手臂等。步进电机一般分为为两种类型:单极步进电机:一般有五或六根导线,其中四根导线是四个固定子线圈的一端(A、B、C、D),四个线圈的另一端连接在一起,代表第五根导线,即为公共端。单极步进电机使用广泛。双极步进电

[Redis][17][集群]_TOUGH6的博客-程序员宅基地

第 17 章 集群Redis集群是Redis提供的分布式数据库方案,集群通过分片来进行数据共享,并提供复制和故障转移功能17.1 节点一个Redis集群通常由多个节点组成,在刚开始的时候,每个节点都是相互独立的,它们都处于一个只包含自己的集群当中,要组建一个真正可工作的集群,我们必须将各个独立的节点连接起来,构成一个包含多个节点的集...

Docker 创建通信网络_迷途码界的博客-程序员宅基地

docker 创建通信网络创建通信网络构建指定IP的通信网络基于docker-compose设置固定IP创建通信网络由于要涉及到zookeeper和kafka之间的通信,运用docker内部容器通信机制先新建一个网络。[[email protected] ~]# docker network create kafka_zookeeper (新建网络)dcb683a23044e902b251e01f493c814f940bd5bb592025c9eb4b78902f45091f[[email protected]

随便推点

golang 字符串 去首尾字符_whatday的博客-程序员宅基地_golang 去除首尾空格

使用函数:Trimfunc Trim(s [string], cutset [string]) [string]功能:将 s 前后端所有 cutset 字符串去除。返回处理后的新字符串参 1:s,表示待处理的字符串参 2:cutset,表连待去除的字符串,返回值:处理完成的新字符串。通常使用该函数去除字符串中包含的多余空格。示例代码:fmt.Printf("[%q]\n", strings.Trim(" !!! Achtung! Achtung! !!! ", "! ")

MyBatis注解Annotation介绍及Demo_ycpanda的博客-程序员宅基地

转载自:http://computerdragon.blog.51cto.com/6235984/1399742

pandas中的concat和append_baidu_252253的博客-程序员宅基地

作者:hsc_1来源:CSDN原文:https://blog.csdn.net/hsc_1/article/details/79588858版权声明:本文为博主原创文章,转载请附上博文链接!

1-初识C语言-C语言学习笔记来自比特鹏哥的资料_优美的C科技的博客-程序员宅基地_b站c语言鹏哥资料

01、初识C语言比特C语言学习笔记,资料请到比特主页:https://m.cctalk.com/inst/s9yewhfr,或者B站搜索比特鹏哥,C语言讲的十分好的老师!本笔记主要来自鹏哥的讲义和图片!!,觉得好的话多多到鹏哥的B站视频上点赞、投币、收藏和转发!本笔记主要用于个人学习和复习所用,不可用于商业用途,如有侵权,请告诉我删除!本人也是重新学习C语言,之前本科的学的,不知道怪老师还是怪自己吧,学的跟米田共一样!现在理解的也不是很清楚,有错误的地方,欢迎评论指正!万分感谢!写在CSDN上也希望能遇

【如何从DLL中导出C++类及接口】_weixin_34405332的博客-程序员宅基地

HowTo: Export C++ classes from a DLL本文粘贴自 CodeProject - HowTo-Export-C-classes-from-a-DLL 。鉴于国内网上针对“DLL 接口导出”的相关文章众说纷纭,没有一个系统的归纳,因此决定将本文粘贴过来。文章主要阐释了三种从 DLL 中导出 C++ 类及接口的方法,在 DLL...

解决系统系统管理员不允许使用保存的凭据登录远程计算机_weixin_34270606的博客-程序员宅基地

  平时工作中我们会经常远程登陆windows计算机,虽然微软提供的远程桌面链接工具提供了记住凭据的功能,但是我们还是得每次远程的时候都会提示“系统管理员不允许使用保存的凭据登录远程计算机,原因是未完全验证其标示,请输入新的凭据”,导致我们还得重新输入密码。  注销需要远程的客户端机器,并使用其管理员登录系统,在运行中输入 gpedit.msc,启动本地组策略编辑器。定位到 计算机配置 -...