国产视频app在 html input 默認設置中,只能同時上傳一個文件。如果遇到有多個文件都需要上傳的情況,就顯得麻煩了很多。那么這篇文章就說一說,input file 如何同時上傳多個文件的方法

input multiple 屬性

multiple:規定 input 輸入的字段可以選擇多個值

注意:使用此屬性的只能 file 與 email 類型的 input 標簽

語法:

<input multiple="multiple" type="file">

input file 同時上傳多個文件的示例

示例1

html代碼:

<form action="c.php" method="post"  enctype="multipart/form-data" >
    上傳文件:
    <input type="file" name="myFile[]"  multiple="multiple" />
    <input type="submit" class="upbut" value="上傳">
</form>

代碼說明:

(1)、input file 加個了 multiple 屬性,可以同時選擇多個本地文件

国产视频app(2)、name 屬性的命名方式 myFile[] 數組的形式,否則后臺只能得到一個上傳的文件

示例2

使用 js 代碼在選擇本地文件時,獲取所以被選擇的文件名

html代碼:

<script>
    function onc() {
        var files = document.getElementById("file").files;
        console.log(files);
        for (var i = 0; i < files.length; i++) {
            //打印所有的文件名
            console.log(files[i].name);
        }
    }
</script>
<form action="c".php" method="post" enctype="multipart/form-data" >
    上傳文件:
    <input type="file" name="myFile" id="file" onchange="onc()" multiple="multiple" />
    <input type="submit" class="upbut" value="上傳">
</form>

php接收端代碼

国产视频apphtml 前端的 input file 標簽,已經設置好同時選擇多個文件并上傳到后端服務器了,同時后端的接收頁面也要有相應的文件處理代碼,這里以后端 php 多文件接收代碼為例

php代碼

<?php
foreach ($_FILES as $v){
    foreach ($v['name'] as $key=>$val){
        $info[$i]['name'] = $v['name'][$key];
        $info[$i]['tmp_name'] = $v['tmp_name'][$key];
        $name  =  $info[$i]['name'];
        @move_uploaded_file($info[$i]['tmp_name'],'up/'.$name);
    }
}
echo '文件上傳成功';
?>

国产视频appPS:這里的后端php多文件處理的代碼,只是一個簡單的示例,不能應用到正式項目中。