本文内容主要包含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));
}
})
分享到:
相关推荐
jquery.fileupload.js jquery.fileupload.js jquery.fileupload.js
jquery.fileupload.js 9.7.2 插件使用demo,我的第一到七篇博客里使用的所有代码都在这里
html对于文件、图片上传的插件jquery.fileupload.js的相关js整体下载。
jQuery File Upload 是一个Jquery图片上传组件,支持多文件上传、取消、删除,上传前缩略图预览、列表显示图片大小,支持上传进度条显示;支持各种动态语言开发的服务器端。经本人汇总与大家分享
jQuery-1.8.3(&2.1.4).min.js&jquery;.fileupload&jquery;.iframe-transport
org.apache.commons.fileupload.DiskFileUpload
com.springsource.org.apache.commons.fileupload 自己打入本地Jar包即可
jar包资源分享,你懂的: com.springsource.org.apache.commons.fileupload-1.2.0.jar
支持IE8+ 及主流浏览器 修复 1.原上传插件同个文件只能点击一次的问题. 2.增加选择文件后对文件大小的判断 3.不能和validate js一同使用的问题
http://blog.csdn.net/alanchen520/article/details/34409913
java上传文件锁必须的jar包,org.apache.commons.fileupload-1.2.2.LIFERAY-PATCHED-1
通过修改终于使得ajaxfileupload兼容jquery3,代码已上线运行。
抽取了apache commons.fileupload的最基本代码,组合成一个简单的文件上传组件
使用jquery.ajaxfileupload.js实现无刷性上传文件,此插件的原理是在文档中创建iframe和form然后在将文件上传到服务器。在此感觉原创作者。
主要介绍了分享2个jQuery插件--jquery.fileupload与artdialog的使用方法及示例,非常的实用,这里推荐给大家。
jquery fileupload 例子