jQuery异步上传表单(包含文件)
2015-03-12 00:00
190 查看
摘要: 使用jQuery异步上传文件,支持绑定进度条事件。无刷新,支持微信。
这段代码用得太顺手了,可惜忘了出处(应该是stackoverflow上面)。在此感谢原作者。
这段代码用得太顺手了,可惜忘了出处(应该是stackoverflow上面)。在此感谢原作者。
var formData = new FormData($('form')[0]); $.ajax({ url: 'URL', // Server script to process data type: 'POST', xhr: function() { // Custom XMLHttpRequest var myXhr = $.ajaxSettings.xhr() // Check if upload property exists if (myXhr.upload) { // For handling the progress of the upload myXhr.upload.addEventListener('progress', progressHandlingFunction, false); } return myXhr; }, // Ajax events beforeSend: function() {}, success: function (data) {}, error: function (err) {}, // Form data data: formData, // Options to tell jQuery not to process data or worry about content-type cache: false, contentType: false, processData: false });
相关文章推荐
- 使用jQuery.form插件实现表单异步提交+上传文件
- 使用jQuery.form插件实现表单异步提交+上传文件
- JQuery异步提交表单与文件上传功能示例
- jquery插件---模拟from表单上传文件,实现异步提交
- 【jQuery】Jquery.form.js实现表单异步提交以及文件上传(带进度条)
- jquery的异步提交表单(异步上传文件)及jquery.form.js上传文件注意事项
- 使用FormData对包含文件类型的form表单进行异步提交(文件上传)并配置回调
- jquery实现文件异步上传
- jquery 异步提交表单 上传图片小例子
- jquery实现文件异步上传
- java+jquery form实现异步上传文件,并且成功返回
- jquery之ajaxfileupload异步上传,文件上传插件
- Jquery fileupload和nodejs实现文件异步上传
- jquery 判断当前上传文件大小限制上传格式 搭配thinkphp实现上传即预览(模拟异步上传)
- jquery异步上传文件
- MVC文件上传04-使用客户端jQuery-File-Upload插件和服务端Backload组件实现多文件异步上传
- MVC5 新建项目里不包含jquery.unobtrusive-ajax.js(MVC5异步表单的问题)解决方法
- jquery如何清空文件上传表单
- jquery异步上传文件