Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Cách cho phép tải lên nhiều file trong form HTML

Để cho phép người dùng chọn nhiều file cùng lúc, thêm thuộc tính multiple vào <input type="file">. Thuộc tính này cũng hoạt động với type="email" (cho phép nhập nhiều email cách nhau bởi dấu phẩy).

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>Upload multiple files</title>
  </head>
  <body>
    <form>
      <input type="file" name="files" multiple><br><br>
      Sau khi chọn nhiều file, nhấn Gửi.<br>
      <input type="submit" value="Gửi">
    </form>
  </body>
</html>

Xử lý phía server: File gửi đến dạng mảng (ví dụ PHP: $_FILES['files'] là mảng). Cần lặp qua mảng để xử lý từng file.

Gợi ý UX: Thêm accept="image/*,.pdf" để lọc loại file hiển thị trong hộp thoại chọn.