HTML上傳多圖代碼 在開發網站時，常常需要在頁面中增加圖片的上傳功能，使用戶可以上傳多張圖片。本文將介紹如何實現HTML上傳多圖功能的代碼。 首先，在頁面上添加一個表單，其中包含一個 input 標簽，type 屬性為 file。此標簽可以讓用戶選擇本地文件并上傳。

請選擇要上傳的多張圖片：

在此代碼中，input 標簽設置了 multiple 屬性，表示用戶可以選擇多個文件進行上傳。此外，name 屬性為 file[]，用于后臺處理上傳的文件數組。 當用戶選擇多張圖片后，可以使用 JavaScript 代碼獲取這些文件并進行上傳。以下代碼使用了 jQuery 庫來實現：

$('form').submit(function(e){
e.preventDefault();  //禁止表單提交
var formData = new FormData();  //構建 FormData 對象
var files = $('input[type=file]')[0].files;  //獲取多個文件
for (var i = 0; i< files.length; i++) {
formData.append('files[]', files[i]);  //將文件加入 FormData 中
}
$.ajax({
url: 'upload.php',
type: 'post',
data: formData,
contentType: false,
processData: false,
success: function(data){
alert('上傳成功！');
}
});
});

此代碼中，首先使用 preventDefault() 禁止了表單的默認提交。接著使用 FormData 對象構建一個將要發送到服務器的數據集合。 然后通過 input[type=file] 獲取用戶選擇的多個文件，并將其依次添加到 FormData 中。注意，這里的 name 屬性應該與表單中設置的一致，這樣后臺才能正確處理。 最后使用 jQuery 的 ajax 方法來發送請求。其中，contentType 是 false 表示讓服務器自動識別數據類型，processData 也為 false 表示不要將數據轉換為查詢字符串。如果上傳成功會彈出提示框。 以上就是HTML上傳多圖的代碼實現方法，可以根據實際需求進行調整和優化。