dropzone.js image upload acceptedMimeTypes
j'utilise la dropzone.js du plugin pour ajouter une image à uploader à ma demande. Je sais que c'est probablement vraiment une question de base alors, toutes mes excuses, mais ce que je veux faire est de limiter les extensions de fichier. Cela fonctionne pour une extension de fichier unique,
<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>
alors ma question Est de savoir comment ajouter plusieurs extensions de fichiers, i.e. image/jpeg,image/png?
Merci
4 réponses
vous pouvez ajouter plus d'extensions à votre if, comme ceci:
if (file.type != "image/jpeg" && file.type != "image/png") {
ceci va vérifier si le type de fichier est différent de tous les types que vous spécifiez. Pour qu'un fichier réussisse la vérification, il doit être différent de image/jpeg et image/png
mise à Jour
je vous conseille de regarder la réponse d'enyo puisqu'il est l'auteur de Dropzone.
je suis l'auteur de Dropzone.
Vous devez utiliser le acceptedMimeTypesacceptedFiles. Cela se comporte exactement de la même façon que le input de l'élément accept propriété. De cette façon, même la solution de rechange fonctionnera correctement.
Valide acceptedFiles propriétés peuvent ressembler à ceci:
audio/*image/*image/jpeg,image/png- etc...
EDIT: dans les dernières versions de Dropzone cette propriété s'appelle acceptedFiles et il vous permet également de définir des extensions. Donc, cela devrait fonctionner:
"audio/*,image/*,.psd,.pdf"
(Pour la compatibilité ascendante acceptedMimeTypes continuera de fonctionner jusqu'à la prochaine version majeure)
merci enyo ça a marché ....impressionnant...il suffit de coller cette ligne dans 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
l'implémentation par défaut de accept vérifie le type mime ou l'extension du fichier par rapport à cette liste. Il s'agit d'une liste de types mime ou d'extensions de fichiers séparés par des virgules. Par exemple.:
'image/*,application/pdf,.psd'Si la Dropzone est cliquable cette option sera utilisée comme accepter paramètre dans le fichier caché entrée bien.
var myDropzone = new Dropzone('div#profile_pictures',{
acceptedFiles: "image/*"; /*is this correct?*/
init: function(){
this.on("success", function(file, data) {
/*..*/
});
}
})