如何用PHP和jQuery實作多個檔案上傳？

在PHP 和jQuery 中處理多個文件上傳

在Web 開發領域，圖像庫、文件等任務通常需要上傳多個文件的能力管理系統等。本教學將引導您完成使用 PHP 和 jQuery 啟用多個檔案上傳的過程。

HTML 和表單設定

HTML 表單用作選擇要上傳的檔案的介面。在這裡，我們有一個類型為「file」的輸入字段，其中設定了「multiple」屬性以允許選擇多個檔案：

<input id="myfile" type="file" name="myfile" multiple>

點擊「上傳」按鈕時，sendfile() 函數為透過onclick 事件處理程序觸發。

jQuery 和 FormData

sendfile() 函式利用 jQuery 建構 FormData 物件。該物件允許包含表單資料（包括檔案）傳送到伺服器端腳本。每個選定的檔案都會附加到FormData 物件：

for (var i = 0, len = document.getElementById('myfile').files.length; i <h3 id="伺服器端PHP-腳本">伺服器端PHP 腳本</h3><p>在伺服器端，uploadfile.php 腳本處理檔案上傳：</p><pre class="brush:php;toolbar:false"><code class="php">$target = "uploadfolder/";
// for($i=0; $i <count if echo copied could not copy> <p>但是，此程式碼不完整，因為它缺少迭代多個檔案的循環。您需要實現所提供的正確答案中所示的循環。 </p>
<h3 id="範例更新-基於答案">範例更新（基於答案）</h3>
<p>在答案中提供的範例中，jQuery 程式碼和 HTML 結構是類似於上面不完整的程式碼。主要差異在於 load.php 腳本：</p>
<p>已實作循環來處理多個檔案。 </p>
<pre class="brush:php;toolbar:false"><code class="php">foreach ($_FILES as $key) {
    if($key['error'] == UPLOAD_ERR_OK ){
        $name = $key['name'];
        $temp = $key['tmp_name'];
        $size= ($key['size'] / 1000)."Kb";
        move_uploaded_file($temp, $path . $name);
        echo "
            <div>
                <h1 id="File-Name-name">File Name: $name</h1>
<br>
                <h1 id="Size-size">Size: $size</h1>
<br>
                <hr>
            </div>
            ";
    }else{
        echo $key['error'];
    }
}</code>

以上是如何用PHP和jQuery實作多個檔案上傳？的詳細內容。更多資訊請關注PHP中文網其他相關文章！