上传文件与设置进度条

发布网友发布时间：2023-03-20 12:16

共1个回答

热心网友时间：2023-05-07 16:01

1、引入bootstrap.css和jquery.js;
2、点击按钮后获取文件列表，添加到FormData，调用open函数指定类型与URL地址，在发起请求send（）；
3、监听onreadystatechange事件，当服务器回应后，把传回来的数据转换成JSON字符串，修改img的URL地址，让图片文件显示在页面中；
4、创建xhr对象开启监听文件上传进度，e.lengthComputable是true则计算进度条百分比，把结果给进度条；
5、进度条完成后，修改颜色，移除类添加类

HTML

JS

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com