DropZone acceptedFiles loại lọc

Question

Tôi đã có một mẫu DropZone hoạt động hoàn hảo với một ngoại lệ, tôi dường như không thể giới hạn các loại tệp chính xác như tôi cần.

Sử dụng acceptedFiles: "image/*" làm mờ tất cả các thư mục và loại tệp không phải là hình ảnh. TIFF được bao gồm mặc dù và tôi cần phải giảm nó thành độc quyền JPG và PNG. Rất nhiều thử và sai đã không đưa tôi đến đó.

gì tôi đã cố gắng:

acceptedFiles: "image/jpg" 
acceptedFiles: ".jpeg,.jpg,.png" 
acceptedFiles: "image/jpg,png" 

Nhưng tất cả họ đều làm cho mọi thứ có thể lựa chọn.

Định dạng chính xác cho chỉ JPG và PNG?

Answer 1

More thử và sai cuối cùng bật lên các giải pháp:

Dropzone.options.dzone = { 
acceptedFiles: "image/jpeg,image/png,image/gif" 
} 

Rõ ràng lỗi của tôi là chủ yếu trong việc sử dụng jpg mà làm cho nó tất cả thất bại. Các tác phẩm trên như một sự quyến rũ.

Answer 2

Tôi nghĩ bạn cũng nên xác thực nó từ bộ điều khiển.

$this->validate($request, [ 

     'file' => 'required|mimes:jpg,jpeg,png,bmp'] 

    );