input file multiple获取文件名

最新推荐文章于 2021-08-06 15:43:57 发布

cbnmsd

最新推荐文章于 2021-08-06 15:43:57 发布

阅读量1.8k

点赞数 1

分类专栏： input file multiple获取文件名文章标签： input file multiple获取文件名

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

0 篇文章 0 订阅

订阅专栏

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="点击获取文件名" οnclick="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>