JQuery選擇多個上傳文件是一個非常方便實用的功能,它可以輕松地讓用戶一次性上傳多個文件并且將它們一起處理。
$(document).ready(function () { // 綁定一個文件選擇按鈕的點擊事件 $("#upload-file-btn").click(function (e) { e.preventDefault(); // 打開選擇文件的對話框 $("#file-input").click(); }); // 獲取input[file]的element, var fileInput = $("#file-input")[0]; fileInput.addEventListener('change', function (e) { // 獲取文件對象的FileList var files = fileInput.files; for (var i = 0; i < files.length; i++) { var file = files[i]; // 處理上傳文件的邏輯 console.log(file.name); } }); });
以上是一個簡單的 JQuery 選擇多個上傳文件的示例,通過上面的代碼我們可以輕松地實現這個功能。通過選擇文件對話框,我們可以將不同類型的文件一起上傳,用于批量處理等業務場景。