会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132358个问题
Python 全系列/第五阶段:数据库编程/mysql的使用 38746楼
JAVA 全系列/第三阶段:数据库编程/JDBC技术(旧) 38751楼
Python 全系列/第七阶段:网页编程基础/JavaScript 38753楼

1699370842342.jpg

Python 全系列/第十五阶段:Python 爬虫开发/爬虫基础 38754楼
Python 全系列/第十五阶段:Python 爬虫开发/爬虫反反爬 38755楼

<!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编程 38756楼


飞机大战.rar


我的飞行不能随意往八个方向 按一下即使松开也会一直动。按反方向会停住,然后就卡在中间不动了,所有方向都动不了了

所以想问问为什么


JAVA 全系列/第一阶段:JAVA 快速入门/飞机大战小项目训练 38757楼
Python 全系列/第四阶段:函数式编程和核心特性/正则表达式 38760楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

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