anzeigen Erfolgs-/Fehlermeldung auf Dropzone-Datei hochladen

Question

I Dropzone Datei-Upload verwenden, wenn ich Erfolg/Fehler von der Steuerung zurückkehren, wie mache ich es auf meiner Ansicht Datei ..

anzeigen Datei,

<div class="box-body"> 
    @if ($errors->count() > 0) 
    <div class="alert alert-danger alert-dismissible"> 
     <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button> 
     {{ $message = 'Please select csv file only.' }} 
    </div> 
    @endif 

{!! Form::open([ 'url' => 'admin/reports','class' => 'dropzone', 'id' => 'reportfile' ]) !!} 
    {!! csrf_field() !!} 
    <div class="col-md-12"> 
     <h3 style="text-align : center">Select File</h3> 
    </div> 
    <button type="submit" class="btn btn-primary">Upload Report</button> 
    {!! Form::close() !!} 

</div> 

-Controller-Code

if ($request->hasFile('file')) { 
     $file = Input::file('file'); 
     $validator = Validator::make(
         [ 
        'file' => $file, 
        'extension' => strtolower($file->getClientOriginalExtension()), 
         ], [ 
        'file' => 'required', 
        'extension' => 'required|in:csv', 
         ] 
     ); 
     if ($validator->fails()) { 

      return Response::json('error', 400); 

     } 

JS-Code

<script> 
window.onload = function() { 

    Dropzone.options.reportfile = { 
     paramName: "file", 
     maxFilesize: 2, 
     error: function (file, response) { 
      alert('hiii') 
     }, 
     init: function() { 
      this.on("addedfile", function (file) { 
       alert("Added file."); 
      }); 
     }, 
     accept: function (file, done) { 
      alert('hi') 
      if (file.name == "justinbieber.jpg") { 
       done("Naha, you don't."); 
      } 

     } 

    }; 
}; 
</script> 

Nicht einmal Alarm funktioniert ... Jede Hilfe ist sehr appreciated..Thanks

Answer 1

Sie sollten die Ereignisse hören, und auslösen, ob es Erfolg ist oder nicht

Dropzone.options.uploadWidget = { 
    init: function() { 
    this.on('success', function(file, resp){ 
     alert("Success"); 
    }); 
    }, 
    ... 
}; 

Hinweis : Sie können die anderen Haltepunkte wie vorgeschlagen haben here