上传文件与设置进度条

1、引和神信入bootstrap.css和jquery.js

2、点击按钮后获取文件列表，添加到FormData，调用open函数指定类型与URL地址，在发起请唤轮求send（）；

3、监听onreadystatechange事件，当服务器回应后，把传回来的数据转换成JSON字符串，修改img的URL地址，让图片文件显示在页面中；

4、创建xhr对象开启监听文件上传进度，e.lengthComputable是true则计算进度条百分比，把结果给进度瞎困条；

5、进度条完成后，修改颜色，移除类添加类

HTML

JS

在页面里引入bootstrap的css和js文件有下面两种方法

方法一：

首先得把boostrap下下来；

<link type="text/css" rel="stylesheet" href="boostrap.min.css">这个是引入css文件

<script type="text/javascript"哗扰 scr="boostrap.min.js">这个是引入js文件

方法二：

<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">CDN引入毁拆（css）

<script src="//cdn.bootcss.com/bootstrap/纤芦枣3.3.5/js/bootstrap.min.js"></script

CDN引入（js）

注意：引用之前要先引用jquery才可以用它的js文件

---