会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132384个问题
JAVA 全系列/第二阶段:JAVA 基础深化和提高/容器(旧) 36721楼
JAVA 全系列/第二阶段:JAVA 基础深化和提高/IO 流技术(旧) 36722楼
Python 全系列/第二阶段:Python 深入与提高/模块 36724楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>进度条案例</title>
</head>
<body>
<progress min="0" max="100" value="0"></progress><br>
<input type="file" class="f" multiple><br>
<button class="but">上传</button>


<script>
    document.querySelector(".but").onclick = function () {
        var files = document.querySelector(".f").files;
        var progress = document.querySelector("progress");
        var formData = new FormData();
        for(var i = 0; i<files.length; i++ ){
            var file = files[i];
            formData.append("file"+i,file);
        }
        var xhr = new XMLHttpRequest();
        xhr.onreadystatechange =function () {
            if(xhr.readyState===4){
                if(xhr.status===200){
                    console.log(xhr.responseText);
                }
            }
        };
        xhr.upload.onprogress = function(eve){
            if(eve.lengthComputable){
                progress.value = (eve.loaded/eve.total)*100;
                console.log(progress.value);
            }
            console.log(progress.value);
        };
        xhr.open("post","进度条案例.php",true);
        xhr.send(formData);
    };
</script>
</body>
</html>

老师好,我想问一下,之前你不是说过全局变量可以在函数内部使用吗?那这个

        var files = document.querySelector(".f").files;
        var progress = document.querySelector("progress");

放在

document.querySelector(".but").onclick = function ()

的外面的时候,结果是错的,感觉是我哪里理解不对,所以想问一下您

WEB前端全系列/第六阶段:Http服务与Ajax模块(旧)/Http服务与Ajax编程 36734楼
JAVA 全系列/(旧的隐藏)第七阶段:JAVA 高级技术/ActiveMQ 36735楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637