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

Cách chỉ định loại tệp server chấp nhận trong HTML?

Sử dụng thuộc tính accept trên <input type="file"> để giới hạn loại tệp người dùng có thể chọn (lọc trong hộp thoại chọn tệp). Chỉ mang tính gợi ý UI, server vẫn phải kiểm tra lại.

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>Hộp tải tệp</title>
  </head>
  <body>
    <form>
      <input type="file" name="fileupload" accept="image/*" />
    </form>
  </body>
</html>

Các giá trị thường dùng

Giá trị Ý nghĩa
image/* Tất cả loại hình ảnh (jpg, png, gif, webp...)
video/* Tất cả loại video
audio/* Tất cả loại âm thanh
.pdf, .doc, .xls Các đuôi tệp cụ thể
image/png, image/jpeg Chỉ định MIME type cụ thể

Lưu ý

  • Có thể kết hợp nhiều giá trị: accept="image/*,.pdf"
  • Luôn validate lại loại tệp ở server-side.