监听上传文件进度条
2017-06-12 17:48
260 查看
var xhrOnProgress = function(fun) {
xhrOnProgress.onprogress = fun; //绑定监听函数
return function() {
var xhr = $.ajaxSettings.xhr();
if (xhrOnProgress.onprogress == null || typeof xhrOnProgress.onprogress === 'undefined')
return xhr;
if (xhrOnProgress.onprogress && xhr.upload) {
xhr.upload.onprogress = xhrOnProgress.onprogress;
}
return xhr;
}
};
$.ajax({
url: url,
type: 'POST',
data: files
timeout: 1000 * 60 ,
xhr: xhrOnProgress(function(e) {
//这里是监听函数 从e中可以或得到上传进度数据
})
})
xhrOnProgress.onprogress = fun; //绑定监听函数
return function() {
var xhr = $.ajaxSettings.xhr();
if (xhrOnProgress.onprogress == null || typeof xhrOnProgress.onprogress === 'undefined')
return xhr;
if (xhrOnProgress.onprogress && xhr.upload) {
xhr.upload.onprogress = xhrOnProgress.onprogress;
}
return xhr;
}
};
$.ajax({
url: url,
type: 'POST',
data: files
timeout: 1000 * 60 ,
xhr: xhrOnProgress(function(e) {
//这里是监听函数 从e中可以或得到上传进度数据
})
})
相关文章推荐
- Android网络编程之使用HttpClient批量上传文件(二)AsyncTask+HttpClient并实现上传进度监听
- 监听上传文件进度条
- Android OkHttp文件上传与下载的进度监听扩展
- Android网络编程之使用HttpClient批量上传文件(二)AsyncTask+HttpClient并实现上传进度监听
- 在jQuery 1.5+ 的jqXHR上监听文件上传进度(xhr.upload)
- ajax实现文件上传并且监听上传进度
- Android 网络编程使用httpClient批量上传文件并监听进度
- jQuery监听文件上传实现进度条效果的方法
- 重新学javaweb---文件上传监听--进度条
- Spring MVC 监听文件上传进度,实现上传进度条
- html5上传文件并监听进度
- Android网络编程之使用HttpClient批量上传文件(二)AsyncTask+HttpClient并实现上传进度监听
- jQuery监听文件上传实现进度条效果的方法
- Android OkHttp文件上传与下载的进度监听扩展
- 使用Retrofit2.0上传文件,可以监听上传进度[客户端+服务器端代码]
- Android网络开源库-Retrofit(二) 文件上传、下载及进度监听
- Android OkHttp文件上传与下载的进度监听扩展
- Android OkHttp文件上传与下载的进度监听扩展
- 异步 同步 文件上传 监听文件上传进度
- [转]采用dwr+ajax和struts开发文件上传进度条