Jquery FileUpload插件获取文件名和文件大小
2016-01-13 19:43
609 查看
Jquery FileUpload 这个插件可以轻松创建灵活,用户友好的文件上传功能,可以返回进度信息,方便显示进度条。
使用中想要获取上传的文件名,开始使用了$("#file").val(),一直返回“”,上网查了资料,发现FileUpload的资料不多,无奈只能使用firefox调试
调试结果如下
问题迎刃而解,方法非常简单,数据全在回调函数的data对象中
文件名:data.files[0].name
文件大小:data.files[0].size
可能没使用过file upload的同学听不太懂,附上入门api和demo
API
https://github.com/blueimp/jQuery-File-Upload/wiki/API
http://www.jq22.com/jquery-info230
Demo
http://blueimp.github.io/jQuery-File-Upload/basic.html
最后是jquery fileupload的使用效果演示,非常友好的界面!
传送门: Jquery fileupload的使用效果演示
使用中想要获取上传的文件名,开始使用了$("#file").val(),一直返回“”,上网查了资料,发现FileUpload的资料不多,无奈只能使用firefox调试
调试结果如下
问题迎刃而解,方法非常简单,数据全在回调函数的data对象中
文件名:data.files[0].name
文件大小:data.files[0].size
可能没使用过file upload的同学听不太懂,附上入门api和demo
API
https://github.com/blueimp/jQuery-File-Upload/wiki/API
http://www.jq22.com/jquery-info230
Demo
http://blueimp.github.io/jQuery-File-Upload/basic.html
最后是jquery fileupload的使用效果演示,非常友好的界面!
传送门: Jquery fileupload的使用效果演示
相关文章推荐
- 代码:jquery自定义插件 demo
- jQuery插件接口的实现,jquery.extend
- 2016-1-13 Struts2页面赋值遇到的问题 JQuery validate取消校验问题
- JQuery源码经典编程思想
- 【转】jquery 中scrollTop在Firefox下不起作用
- JQuery总结:选择器归纳、DOM遍历和事件处理、DOM完全操作和动画
- Jquery的一些知识点
- jquery悬浮提示框完整实例
- js和jquery实现监听键盘事件示例代码
- jQuery.extend 函数详解
- jQuery简单操作cookie的插件实例
- chrome浏览器下用jQuery的load函数来跨域加载页面,响应状态status为(canceled)是什么情况? JSON和JSONP,也许你会豁然开朗,含jQuery用例
- Jquery控制文本框只能输入数字或字母
- JQuery之Ajax请求
- jquery判断checkbox最多选几个
- JQuery实现点击div里面的a的能触发点击时间,但是不触发外面的div的点击事件
- jquery.cookie中的操作
- jquery:选择器 过滤器
- JSON+Jquery省市区三级联动
- jquery操作radio,checkbox