2014-11-20 7 views
6

Io uso dropzone con CI, non so come visualizzare il messaggio di errore e il messaggio personalizzato quando caricare falsa, questo è il mio scriptCome visualizzare il messaggio di errore di jQuery zona di lancio

Dropzone.autoDiscover = false; 
     try { 
      var myDropzone = new Dropzone("#adminform" , { 
       paramName: "filename", // The name that will be used to transfer the file 
       maxFilesize: 0.5, // MB 
       url: window.location.href, 
       addRemoveLinks : true, 
       dictDefaultMessage : 
       '<span class="bigger-150 bolder"><i class="ace-icon fa fa-caret-right red"></i> Drop files</span> to upload \ 
       <span class="smaller-80 grey">(or click)</span> <br /> \ 
       <i class="upload-icon ace-icon fa fa-cloud-upload blue fa-3x"></i>', 
       dictResponseError: 'Error while uploading file!', 

       //change the previewTemplate to use Bootstrap progress bars 
       previewTemplate: "<div class=\"dz-preview dz-file-preview\">\n <div class=\"dz-details\">\n <div class=\"dz-filename\"><span data-dz-name></span></div>\n <div class=\"dz-size\" data-dz-size></div>\n <img data-dz-thumbnail />\n </div>\n <div class=\"progress progress-small progress-striped active\"><div class=\"progress-bar progress-bar-success\" data-dz-uploadprogress></div></div>\n <div class=\"dz-success-mark\"><span></span></div>\n <div class=\"dz-error-mark\"><span></span></div>\n <div class=\"dz-error-message\"><span data-dz-errormessage></span></div>\n</div>", 
      }); 
     } 
     catch(e) { 
      alert('Dropzone does not support older browsers!'); 
     } 

e PHP ritorno 400:

$this->output->set_header("HTTP/1.0 400 Bad Request"); 

ma quando mi passa il mouse immagine è di visualizzazione [object Object] ma il messaggio è:

dictResponseError: 'Error while uploading file!'

enter image description here

risposta

4

Si può semplicemente eco indietro il messaggio dal server tramite file PHP

if($file_uploaded == true) 
{ 

    //perform operations on valid upload 

} else { 

    //upload failed, echo back negative response to dropzone.js 
    $this->output->set_header("HTTP/1.0 400 Bad Request"); 
    echo "Error uploading file"; 

} 

Mentre il vostro file HTML può assomigliare:

<script type="text/javascript"> 
    Dropzone.options.myAwesomeDropzone = { 
     paramName: "icon_image", // The name that will be used to transfer the file 
     maxFilesize: 2, // MB 
     init: function() { 
      this.on("error", function(file, response) { 
       // do stuff here. 
       alert(response); 

      }); 

     } 
    }; 
</script> 

Speranza che aiuta :)

10

Per chiunque Necessità:

È possibile restituire un messaggio di risposta dal server utilizzando e cho. Poi nel codice js aggiungere un gestore di eventi errori

PHP

header("HTTP/1.0 400 Bad Request"); 
echo "Ups error message"; 

JS

this.on('error', function(file, response) { 
    $(file.previewElement).find('.dz-error-message').text(response); 
}); 
Problemi correlati