jquery ajax xhr监听上传进度显示不准确,求解
如果你是用这种方式上传的话,确实没有好方法。
因为 XMLHttpRequest.onProgress 事件能拿到的是网络传输的字节而已;你说的问题里,“上传进度已完成”,实际是指浏览器已经把文件传输给了服务端;“很久才可以”,是你服务端额外处理的时间,这段时间对浏览器来说是不可感知的,它怎么会知道你服务端处理需要多久呢? 一般处理思路有这么几种:1、上传进度设置一个最大值,比如 99%,只有当服务端真正返回结果时才会变到 100%,这种方法最为简单粗暴;
2、尽量减少服务端处理的时间,例如收到文件后交给异步队列去处理,立刻返回给客户端响应,这种方法需要额外做的事件比较多,开发难度更高一些;
3、客户端分片上传,把大文件变成若干段小“文件”,缺点是浏览器只有支持 HTML5 才支持 FormData 分片。
jqueryajax怎么通过header传递参数
/ 这个是全局的,所有的ajax请求都会加上这个请求头
$(document).ajaxSend(function (event, xhr) {
xhr.setRequestHeader("Content-Type", "application/json;charset=utf-8") ;
xhr.setRequestHeader("Authorization", "Authorization") ;
});
//局部 第一种
$('xxx').ajax({
//...
beforeSend:function(jqXHR,options){
jqXHR.setRequestHeader("Content-Type", "application/json;charset=utf-8") ;
jqXHR.setRequestHeader("Authorizationr", "Authorization") ;
}
//...
}) ;
//局部 第二种
$('xxx').ajax({
//...
headers:{
"Content-Type": "application/json;charset=utf-8",
"Authorizationr":"Authorizationr",
}
//...
}) ;
注意:修改请求头时,headers中的设置会覆盖beforeSend中的设置(意味着beforeSend先执行,所以被后面的headers覆盖)