jquery+ajax实现异步上传文件显示进度条

前言：

今天项目中加了一个上传文件加进度条的需求，我就搞了一下。时间宝贵不多说，直接进入正题。

异步上传文件是要用到ajax里的一个小的知识点：xhr（XML Http Request）一个对象，xhr对象也是ajax一个核心。

关于使用它也很简单：就四步（下面这样写也可以向后端进行发送请求）

var xhr=new XMLHttpRequest()//创建xhr对象
  xhr.open('请求方式','请求的地址')
  xhr.send()//发佛那个请求
  xhr.onreadystatechange=function(){
    if (xhr.readyState==4){//得到服务端返回的状态码
     console.log(xhr.responseText)//输出返回结果
    }
   }

介绍完xhr继续说上传文件的：（注意：在展示效果的时候，有一个知识点，就是css样式，一定要在添加的在<b>之前，否则当三上传的文件较小的时候，会不显示效果）

更多精彩内容请参考专题《ajax上传技术汇总》，《javascript文件上传操作汇总》和《jQuery上传操作汇总》进行学习。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持来客网。