会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132417个问题
Python 全系列/第一阶段:Python入门/Python入门(动画版) 916楼
Python 全系列/第一阶段:Python入门/编程基本概念 917楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>进度条案例</title>
</head>
<body>
<progress min="0" max="100" value="10"></progress>
<input type="file" class="tempFile" multiple/>
<button onclick="ajaxSubmit()">上传文件</button>
<script>
    function ajaxSubmit() {
        var files= document.querySelector('.tempFile').files;
        //不管上传多少,都往formData里面放数据
        var formData=new FormData();
        for(var i=0;i<files.length;i++){
            var file=files[i];
            formData.append('myfile'+i,file);
        }
        //ajax上传
        var xhr = window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject('');
        xhr.onreadystatechange=function(){
            if(xhr.readyState==4){
                if(xhr.status==200){
                    console.log(xhr.responseText+"上传成功!");
                }
            }
        };
        var progressBar = document.querySelector('progress');
        xhr.upload.onprogress = function (eve) {
            //eve.lengthComputable表示文件是否上传完毕
            //默认是true 表示没100% 当进度为100%自动变成false
            if(eve.lengthComputable){
                progressBar.value = (eve.loaded/eve.total)*100;
            }
        };
        xhr.open('post','06 进度条案例.php',true);
        xhr.send(formData);

    }
</script>
</body>
</html>
<?php
echo json_encode($_POST);
?>


FG2V6R)}HLI7Y]())G%PECG.png老师  这种上传 怎样让后台返回给前台 传输的文件的名字

WEB前端全系列/第六阶段:Http服务与Ajax模块(旧)/Http服务与Ajax编程 921楼

image.png

JAVA 全系列/第一阶段:JAVA 快速入门/面向对象详解和JVM底层内存分析 924楼
Python 全系列/第十六阶段:数据结构与算法/算法与数据结构(旧) 926楼
WEB前端全系列/第二十阶段:Vue2企业级项目(旧)/易购商品后台管理系统 927楼
Python 全系列/第一阶段:Python入门/面向对象 929楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

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