jquery.fileupload插件的简易使用日志
2024-10-11 13:36:34
来源:http://yixiandave.iteye.com/blog/1897330
本文内容主要包含fileupload插件传递参数和取回服务器返回数据的方法
jquery.fileupload官网:http://blueimp.github.io/jQuery-File-Upload/
fileupload是一个jquery下的ajax文件上传插件
下载下来的包东西很多,很多也是没必要的,这里只谈谈最小级别的应用
首先,依赖js:
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
- <script src="js/vendor/jquery.ui.widget.js"></script>
- <script src="js/jquery.iframe-transport.js"></script>
- <script src="js/jquery.fileupload.js"></script>
缺一不可(如果已经引入jquery-ui包则jquery.ui.wiget.js不需要再次引入)
大部分资料其实官网上都能找到,说点官网没有的或者说的不够清楚的
附上官方API:https://github.com/blueimp/jQuery-File-Upload/wiki/API
调用方式:
- <input type="file" name="files" id="fileupload_input" />
- $("#fileupload_input").fileupload({
- url:"files/upload",//文件上传地址,当然也可以直接写在input的data-url属性内
- formData:{param1:"p1",param2:"p2"},//如果需要额外添加参数可以在这里添加
- done:function(e,result){
- //done方法就是上传完毕的回调函数,其他回调函数可以自行查看api
- //注意result要和jquery的ajax的data参数区分,这个对象包含了整个请求信息
- //返回的数据在result.result中,假设我们服务器返回了一个json对象
- console.log(JSON.stringify(result.result));
- }
- })
最新文章
- web.xml中的welcome-file-list不起作用
- cache4j轻量级java内存缓存框架,实现FIFO、LRU、TwoQueues缓存模型
- JavaScript函数的调用模式
- ubuntu初次安装后设置root用户密码
- 状态压缩DP---Hie with the Pie
- TCP连接建立和关闭中的疑难点
- python 读取utf8文件
- css入门基础知识
- High Executions Of Statement ";delete from smon_scn_time...";
- 哈尔滨工业大学(威海)第九届ACM程序设计竞赛 Virtual Youtuber
- php 解密$OOO0O0O00=__FILE__
- uni-app 调用支付宝支付
- Nginx、HAProxy、LVS三者的优缺点
- 记录 Ext 日历月份选择控件bug解决过程结果
- [05] EL表达式
- js语言中的新发现和一些总结
- SharePoint 开发小结
- [Usaco2012 Dec]First! BZOJ3012
- Android Socket通信详解
- 此文记录了我从研二下学期到研三上学期的找工历程,包括百度、腾讯、网易、移动、电信、华为、中兴、IBM八家企业的面试总结和心得--转