- 浏览: 222713 次
- 性别:
- 来自: 成都
文章分类
- 全部博客 (213)
- SQLServer (8)
- flex (8)
- 文章 (5)
- java (91)
- 数据结构 (0)
- 设计模式 (0)
- C# (2)
- Oracle (4)
- 技术 (4)
- 云计算 (0)
- 算法 (0)
- 记录 (3)
- javascript (5)
- div/css (1)
- http (0)
- IE (1)
- web (1)
- hadoop (0)
- extjs (4)
- hibernate (6)
- 错误记录 (5)
- mysql (4)
- json (1)
- jvm (1)
- spring (4)
- 工具 (2)
- tomcat (3)
- cxf (3)
- spring data (1)
- memcached (5)
- android-exception (2)
- 数据压缩 (1)
- 博客 (2)
- bat (0)
- nginx (3)
- svn (2)
- jpa (1)
- windows (2)
- h2 (2)
- webservice (2)
- android (5)
- oa (0)
- eclipse (2)
- jquery (2)
- jni (4)
- weblogic (1)
- work (0)
- smartclient (1)
- sql (0)
- excel (0)
- test (0)
- t (0)
- js (4)
- utils (0)
- bootstrap (0)
- sniper (0)
- ztree (0)
- google (0)
- mdb (0)
- redis (1)
- 思想 (1)
- css (0)
- appCan (0)
- activiti (0)
- 工作 (0)
- 浏览器 (1)
$("#fileInput").fileinput({
language : "zh",
uploadUrl: "${ctx}/upload",
allowedFileExtensions : ['jpg', 'png','gif'],//接收的文件后缀,
maxFileCount: 100,
enctype: 'multipart/form-data',
uploadAsync : false,
dropZoneEnabled: false,//是否显示拖拽区域
showUpload: true, //是否显示上传按钮
showCaption: false,//是否显示标题
//minImageWidth: 50, //图片的最小宽度
//minImageHeight: 50,//图片的最小高度
//maxImageWidth: 1000,//图片的最大宽度
//maxImageHeight: 1000,//图片的最大高度
//maxFileSize: 0,//单位为kb,如果为0表示不限制文件大小
//minFileCount: 0,
browseClass: "btn btn-primary", //按钮样式
previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
msgFilesTooMany: "选择上传的文件数量({n}) 超过允许的最大数值{m}!",
validateInitialCount:true,
ajaxSettings : {
},
slugCallback : function(filename){
//console.log(filename);
return filename;
}
});
$("#fileInput").on("fileuploaded", function (event, data, previewId, index){
console.log('单独上传一张');
console.log(data);
}).on('filebatchuploadsuccess', function(event, data) {
console.log('批量');
console.log(data);
});;
language : "zh",
uploadUrl: "${ctx}/upload",
allowedFileExtensions : ['jpg', 'png','gif'],//接收的文件后缀,
maxFileCount: 100,
enctype: 'multipart/form-data',
uploadAsync : false,
dropZoneEnabled: false,//是否显示拖拽区域
showUpload: true, //是否显示上传按钮
showCaption: false,//是否显示标题
//minImageWidth: 50, //图片的最小宽度
//minImageHeight: 50,//图片的最小高度
//maxImageWidth: 1000,//图片的最大宽度
//maxImageHeight: 1000,//图片的最大高度
//maxFileSize: 0,//单位为kb,如果为0表示不限制文件大小
//minFileCount: 0,
browseClass: "btn btn-primary", //按钮样式
previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
msgFilesTooMany: "选择上传的文件数量({n}) 超过允许的最大数值{m}!",
validateInitialCount:true,
ajaxSettings : {
},
slugCallback : function(filename){
//console.log(filename);
return filename;
}
});
$("#fileInput").on("fileuploaded", function (event, data, previewId, index){
console.log('单独上传一张');
console.log(data);
}).on('filebatchuploadsuccess', function(event, data) {
console.log('批量');
console.log(data);
});;
发表评论
-
js----photo
2016-12-12 22:43 0ssssssss -
fileinputdemo
2016-12-11 21:59 0ssssssssssssss -
常用正则表达式
2016-12-06 09:03 442常用正则表达式大全!(例如:匹配中文、匹配html) 匹配 ... -
js-logic-js
2016-11-15 13:04 0ddddddddddddddddddd -
cache--logic
2016-11-14 20:52 0ddddddddddddddd -
eflow-formdesigner-logic.js
2016-11-14 17:28 0/*------- 页面中运用isc,以及添加html到lay ... -
来一起让我们越来越懒,面向CSS、JS未来编程
2016-10-18 14:57 519http://web.jobbole.com/88266/ -
window.location.href url含中文服务器收到乱码问题解决
2016-10-12 21:21 0(1).页面中先对中文进行编码。 如:window.loca ... -
深入理解javascript原型和闭包系列
2016-08-31 14:57 509http://www.cnblogs.com/wangfupe ... -
菜单--0810
2016-08-10 22:57 0<%@ page language="java ... -
soundmanager
2016-08-08 22:26 0<%@ page language="java ... -
JavaScript必知必会+理解总结
2016-08-02 17:26 0Not jQuery. Not YUI. Not 等等… j ... -
bcp-206
2016-06-12 13:53 0sssssssssssssssssssssssssssssss ... -
bcp-206
2016-06-12 13:52 0sssssssssssssssssssssssssssssss ... -
jquery选择器
2016-06-01 08:57 0http://www.cnblogs.com/onlys/ar ... -
sniper-show
2016-05-08 21:19 0ssssssss -
commTools.js
2016-05-05 19:11 0/* 工具类 */ function StringBuild ... -
bcp-168-new
2016-04-14 17:31 0ddddddddddddddd
相关推荐
在Web开发中,文件上传功能是非常常见且重要的,而Bootstrap fileinput.js则提供了美观、易用且功能丰富的解决方案。 ### Bootstrap文件输入插件介绍 Bootstrap本身是一个流行的前端开发框架,提供了丰富的UI组件...
标题 "fileinput.min.js" 指向的是一个经过压缩的 JavaScript 文件,它是 Bootstrap File Input 插件的核心组件。Bootstrap File Input 是一个流行的 jQuery 插件,专门用于增强和美化HTML文件输入控件,尤其在网页...
`fileinput.min.js`是Bootstrap FileInput的核心JavaScript文件,它实现了文件选择、预览、上传等功能。这个轻量级的脚本包含了大量的功能,如: 1. **多文件选择**:允许用户一次选择多个文件进行上传。 2. **实时...
在JavaScript部分,初始化fileinput.js: ```javascript $("#imageUpload").fileinput({ uploadUrl: "upload.php", // 上传URL showPreview: true, // 是否显示预览 allowedFileExtensions: ['jpg', 'png', 'gif...
Bootstrap fileinput.js是一款基于Bootstrap框架的文件上传与预览插件,它极大地丰富了网页中的文件选择和上传体验。这款插件不仅支持多文件选择,还提供了强大的图片预览功能,用户可以在上传前查看选定的图片,...
`fileinput.min.js`是JavaScript文件,它包含了Bootstrap Fileinput的主要逻辑和功能。这个文件实现了文件选择、预览、多文件上传、进度条显示、错误处理等功能。通过调用这个插件,用户可以选择一个或多个文件,...
1. **fileinput.js**:这是核心的JavaScript文件,实现了文件选择、预览、上传等一系列功能。通过监听用户操作,如点击按钮、选择文件等,实现文件上传的交互逻辑。同时,它也包含了对不同浏览器兼容性的处理,确保...
在压缩包"bootstrapfileinput.zip"中,包含的核心文件"bootstrapfileinput"可能是一个压缩后的源代码包,里面可能有CSS样式表、JavaScript脚本、图像资源以及示例代码。解压后,开发者可以将这些文件集成到自己的...
这是bootstrap的一个上传控件fileinput,网上下载的一些代码不全,会导致图标、功能出现异常。于是自己就到官网的github下载了一套代码,需要的小伙伴就拿去吧! 另附上官方GitHub网址:...
- **引入资源**:首先,确保引入Bootstrap的相关CSS和JS文件,以及FileInput的`fileinput.min.css`和`fileinput.min.js`。 - **HTML结构**:在HTML中创建一个`<input type="file">`元素,并为其添加`class="file"`...
1.首先我们下载好fileinput插件引入插件 <span xss=removed><link type="text/css" rel="stylesheet" href="fileinput/css/fileinput....script type="text/javascript" src="fileinput/js/fileinput_locale_zh.j
fileinput-zh.js
<script type="text/javascript" src="~/bootstrap/js/fileinput.min.js"> ~/bootstrap/css/fileinput.min.css" rel="stylesheet" /> ~/Scripts/lib/jquery.json.js"> ``` 接着,创建一个 `<input type="file">` ...
这个实例展示了如何在Bootstrap框架下使用fileinput.js插件实现文件上传,特别是单图片和多图片上传的场景。 首先,理解Bootstrap的核心概念是响应式设计和组件化开发。Bootstrap FileInput是对原生...
用于bootstrap上传照片的实时显示照片的fileinput插件的核心js文件,知道大家没什么积分,特地不用积分,觉得能用的到我博客点个赞就好