Fehlerprüfung maximale Bildbreite mit Dropzone js

Question

weiß jemand, warum habe ich diesen Fehler erhalten "Uncaught TypeError: file.acceptDimensions ist keine Funktion"?

Ich benutze dropzone js, um das Hochladen von Bildern zu machen, aber ich bekomme immer wieder diese Fehlermeldung. Hier ist mein Code:

var maxImageWidth = 10000, maxImageHeight = 10000; 
    Dropzone.options.myDropzone = { 
     autoProcessQueue: false, 
     maxFiles : 1, 
     acceptedFiles : "image/*", 
     maxFilesize : 1, 
     addRemoveLinks: true, 
     parallelUploads: 1, 


     init: function() { 
      this.on("success", function(file, responseText) { 
       //file.previewTemplate.setAttribute('id',responseText[0].id); 
       alert(responseText); 
      }); 
      this.on("thumbnail", function(file) { 
       if (file.width > maxImageWidth || file.height > maxImageHeight) { 
        file.rejectDimensions(); 
       } 
       else { 
        file.acceptDimensions(); 
       } 
      }); 
      this.on("sending", function(file, xhr, formData) { 
       formData.append("a", $('#a').val()); 
       formData.append("b", $('#b').val()); 
       formData.append("c", $('#c').val()); 
       formData.append("d", $('#d').val()); 
       formData.append("f", $('#f').val()); 
      }); 
      this.on("addedfile", function() { 
       if (this.files[1]!=null){ 
       this.removeFile(this.files[0]); 
       } 
      }); 

      var submitButton = document.querySelector("#submit-all") 
       myDropzone = this; // closure 

      submitButton.addEventListener("click", function(e) { 
       if (myDropzone.getQueuedFiles().length > 0) { 
        a = $('#a').val(); 
        b = $('#b').val(); 
        c = $('#c').val(); 
        if(a=="" || b =="" || c=="") 
        { 
         $("#form").validate(); 
        } 
        else 
        { 
         myDropzone.processQueue(); // Tell Dropzone to process all queued files. 
         e.preventDefault(); 
         //$('#form').submit(); 
        } 
        } 
        else { 
        alert("Image minimal 1!"); 
        e.preventDefault(); 
        } 

      }); 

     }, 
     accept: function(file, done) { 
      file.acceptDimensions = done; 
      file.rejectDimensions = function() { done("Image width or height too big."); }; 

     } 
    }; 

Answer 1

Beim Versuch, die Dateigröße in der Thumbnail-Methode bewirkt, dass der Fehler zu überprüfen. Überprüfen Sie zunächst den Dateistatus, indem Sie

if(file.status !== 'error') 
{ 
    //check file sizes 
} 

hinzufügen