So zeigen Sie eine benutzerdefinierte Fehlermeldung in DropzoneJS?

Ich brauche, um zu überprüfen, ob eine Datei einen gültigen MIME-Typ, wenn die Größe der Datei in Ordnung ist, und wenn seine Dimensionen sind ok, dann Datei hochladen.

So, wenn alles OK ist, die ich nutzen kann:

complete: function(file){
    //do something here.
}

aber was ist, wenn die Größe der Datei war ungültig? In meinem PHP-script, das ich eine Fehlermeldung zurück:

return json_encode(['error' => 'size is invalid']);

ODER

return Response::json(['error' => 'size is invalid'], 500 ];
//this is Laravel 4 syntax. returns a json array and 500 as status code.

aber wie kann ich damit umgehen, dass error im DropzoneJS?

Ich habe versucht, das hinzufügen eines zweiten Parameters an den complete() - Funktion, aber es funktioniert nicht.

complete: function(file, response){
    console.log( response ); //this does not work.
}
InformationsquelleAutor Pars | 2014-05-24
  1. 7

    Bekommen die Antwort, nachdem die Datei gesendet wurde, um server verwenden Sie diese in DropzoneJS:

    success: function(file, response) {
  alert(response);
}

    Und zu validieren, bevor Sie die Datei hochladen verwenden:

    complete: function(file) {
  if (file.size > 3.5*1024*1024) {
     alert("File was Larger than 3.5Mb!");
     return false;
  }

  if(!file.type.match('image.*')) {
    alert("Upload Image Only!");
    return false;
  }
}

    Wenn Ihr server wieder response im JSON, benötigen Sie JSON.parse vor alerting es.

    Hoffe es hilft dir! Prost! 🙂

    • Gerade noch etwas sagen, was ich denke, ist sehr nützlich: sollte man sich anhören Ereignisse (dropzonejs.com/#toc_8) nicht schreiben Sie es (github.com/enyo/dropzone/issues/297). Prost! 🙂
    • So Wirklich gut in der Tat, es wird Ihnen erlauben, um weitere Funktionen hinzuzufügen. +1 für links.
    InformationsquelleAutor Vedant Terkar
  2. 2

    Nur zu vereinfachen, was @amandasantanati sagte, so dass Sie nicht klicken um:

    Nicht complete: ... sondern:

    init: function() 
    {
        this.on("complete", function(file) {
            if (file.size > 3.5*1024*1024) {
                this.removeFile(file);
                alert('file too big');
                return false;
            }

            if(!file.type.match('image.*')) {
                this.removeFile(file);
                alert('Not an image')
                return false;
            }
        });
    },
    InformationsquelleAutor dbr
  3. 1

    Setzen Sie den HTTP-Antwort-code
    http_response_code(415); //Unsupported Media Type
    oder http_response_code(415); //Nicht Akzeptabel

        function showError($message)
    {
        http_response_code(415);
        die($message);
    }

    So zeigen Sie eine benutzerdefinierte Fehlermeldung in DropzoneJS?

    InformationsquelleAutor Nicorici Viorel
Schreibe einen Kommentar