php - only - carga de imagen de dropzone.js acceptedMimeTypes

dropzone only images

Question

Estoy usando el complemento dropzone.js para agregar un cargador de imágenes a mi aplicación. Sé que esta es probablemente una pregunta realmente básica, así que disculpas pero lo que quiero hacer es limitar las extensiones de archivo. Esto funciona para una sola extensión de archivo,

<script type="text/javascript">
   Dropzone.options.dropzone = {
        accept: function(file, done) {
            console.log(file);
            if (file.type != "image/jpeg") {
                done("Error! Files of this type are not accepted");
            }
            else { done(); }
        }
    }
 </script>

Entonces mi pregunta es cómo agregar varias extensiones de archivo, es decir, image/jpeg , image/png ?

Gracias

Answer 1

Puede agregar más extensiones a su if , así:

if (file.type != "image/jpeg" && file.type != "image/png") {

Esto verificará si el tipo de archivo es diferente de TODOS los tipos que especifique. Para que un archivo pase el cheque, tiene que ser diferente de image / jpeg AND image / png

Actualizar

Aconsejaría mirar la respuesta de Enyo ya que él es el autor de Dropzone.

Answer 2

Soy el autor de Dropzone.

Debe usar los acceptedMimeTypes acceptedFiles los acceptedMimeTypes acceptedFiles . Esto se comporta exactamente igual que la propiedad accept del elemento de input . De esta manera, incluso el respaldo funcionará correctamente.

Las propiedades válidas de los archivos acceptedFiles pueden verse así:

• audio/*
• image/*
• image/jpeg,image/png
• etc ...

EDITAR : en las últimas versiones de Dropzone, esta propiedad se llama acceptFiles y le permite definir extensiones. Entonces esto funcionaría

"audio/*,image/*,.psd,.pdf"

(Por compatibilidad con versiones anteriores, acceptedMimeTypes seguirá funcionando hasta la próxima versión principal)

Answer 3

gracias enyo funcionó ... increíble ... solo pega esa línea en dropjone.js->

uploadMultiple: true, (upload multiple files)
maxFilesize: 1,  (1 mb is here the max file upload size constraint)
acceptedFiles: ".jpeg,.jpg,.png,.gif",

http://www.dropzonejs.com/#config-acceptedFiles

La implementación predeterminada de accept comprueba el tipo o la extensión mime del archivo contra esta lista. Esta es una lista separada por comas de tipos de mime o extensiones de archivos. Ejemplo: ''image/*,application/pdf,.psd'' Si se puede hacer clic en Dropzone, esta opción se usará también como parámetro de aceptación en la entrada del archivo oculto.

Answer 4

var myDropzone = new Dropzone(''div#profile_pictures'',{
    acceptedFiles: "image/*"; /*is this correct?*/
    init: function(){
        this.on("success", function(file, data) {
            /*..*/
            });
        } 
})