input file multiple获取文件名

最新推荐文章于 2025-03-22 21:59:02 发布

转载最新推荐文章于 2025-03-22 21:59:02 发布 · 1.9k 阅读

标签

#input file multiple获取文件名

收录于

input file multiple获取文件名专栏收录该内容

0 篇文章

订阅专栏

该博客介绍了使用input file multiple获取文件名的方法。通过HTML创建文件选择框和按钮，利用JavaScript编写函数，遍历所选文件并将文件名以分号分隔拼接，最后弹出包含所有文件名的提示框。

input file multiple获取文件名（以分号分隔）

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
   </head>
   <body>
       <input type="file" id="myFile" multiple="true"/>
       <input type="button" value="点击获取文件名" onclick="gotFileName();" />
   </body>
   <script type="text/javascript">
       function gotFileName(){
           var files = document.getElementById("myFile").files;
           //console.log(obj.files);
           if(!files || files.length == 0){
               alert("未选择文件");
               return;
           }

           var fileNameAll = "";
           for(var i = 0; i < files.length; i++){
               fileNameAll += files[i].name + ";";
           }
           fileNameAll = fileNameAll.substr(0, fileNameAll.length - 1);
           alert(fileNameAll);
       }
   </script>
</html>