zoukankan      html  css  js  c++  java
  • javascript 上传进度条

    function upload() {
                    var formData = new FormData(document.getElementById("inputForm"));
                    //创建xhr
                    var xhr = new XMLHttpRequest();
                    var url = "save";
                    xhr.open("POST", url, true);
                    xhr.onreadystatechange = function () {
                        if (xhr.readyState == 4 && xhr.status == 200) {
                            var result = xhr.responseText;
                            document.write(result);
                        }
                        if(xhr.readyState == 4 && xhr.status == 500){
                            var result = xhr.responseText;
                            document.write(result);
                        }
                    };
                    //进度条部分
                    xhr.upload.onprogress = progressFunction;//【上传进度调用方法实现】
                    xhr.send(formData);
                }
                function progressFunction(evt){
                    if (evt.lengthComputable) {//
                        loading('正在上传,请您等待...' + Math.round(evt.loaded / evt.total * 100) + "%");
                    }
                }
    
  • 相关阅读:
    原型设计 + 用户规格说明书
    第三次作业
    MathExam第二次作业
    第一次随笔
    冲鸭第一的合作
    功能规格说明书
    测试与优化
    结对编程
    高分小学计算器
    现实与梦
  • 原文地址:https://www.cnblogs.com/zxcgy/p/7261496.html
Copyright © 2011-2022 走看看