良耳为郎 2017-08-04 07:03 采纳率: 0%
浏览 2178
已结题

HTML页面如何获取文件上传的进度

var xhr = new XMLHttpRequest();
xhr.open("POST", "UserFileUploadController/upload",true);
xhr.upload.addEventListener("progress", uploadProgress, false);
xhr.addEventListener("load", uploadComplete, false);
xhr.addEventListener("error", uploadFailed, false);
xhr.addEventListener("abort", uploadCanceled, false);
xhr.upload.onloadstart = function(){//上传开始执行方法
ot = new Date().getTime(); //设置上传开始时间
oloaded = 0;//设置上传开始时,以上传的文件大小为0
};
xhr.send(formData);
function uploadProgress(evt) {
if (evt.lengthComputable) {
var percentComplete = Math.round(evt.loaded * 100 / evt.total);
progressNum.html((percentComplete-1) + "%");
progress.css("width", (percentComplete-1) + "%");

        } else {

        }




        我的页面目前用的这个方法,但事实证明这个只是文件的加载进度,这个进度到达100%之后我的后台才会正式上传,然后上传进度也会打印到控制台,后台用的ChannelSftp.put的方法上传文件,他有一个进度监听。
  • 写回答

2条回答 默认 最新

  • Tsui丶 2017-08-04 07:55
    关注

    为啥不想着用个插件?或者说参考下插件。。。

    评论

报告相同问题?

悬赏问题

  • ¥30 这是哪个作者做的宝宝起名网站
  • ¥60 版本过低apk如何修改可以兼容新的安卓系统
  • ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
  • ¥50 有数据,怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据,怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题!