プログレスバーでDropzoneが停止する

Question

ライブデモがないので、これは説明しにくいでしょう。私は単純なdropzoneを使用します。

HTML：

<form action="http://localhost/upload.php" class="dropzone" method="post" id="upload-widget"></form> 

はJavaScript：

Dropzone.options.uploadWidget = { 
    uploadMultiple: false, 
    maxFilesize: 2, // MB 
    maxFiles: 1, 
    acceptedFiles: 'image/*', 
    init: function() { 
     this.on('success', function() { 
      alert('OK); 
     }); 
    } 
}; 

upload.phpファイル：

if(!empty($_FILES)){ 
    $targetDir = "uploads/"; 
    $fileName = $_FILES['file']['name']; 
    $targetFile = $targetDir.$fileName; 
    if(move_uploaded_file($_FILES['file']['tmp_name'],$targetFile)){ 
     //insert file information into db table 
    } 
} 

私が選ぶまたはファイルをドロップすると、それがアップロードしますが、で停止します進捗状況：

私には分かりません。ファイルをアップロードすると、/ uploads /フォルダーにファイルが表示されますが、dropzone.jsが完了したときに反応しないようです。データを印刷する必要はありますか？私はそのようなsuccessイベントを使用してみてくださいチュートリアルとしてhttp://www.codexworld.com/drag-and-drop-file-upload-using-dropzone-php/

Answer 1

私は問題を発見しました。私はこのPHPデバッガを使用しています：https://github.com/JosephLenton/PHP-Errorいくつかの未知の理由で、XHTTPレスポンスを受信できなくなりました（おかげで、私のウェブサイトはほぼ完全にajaxになりました。とにかく、私はこのデバッガでdropzone.jsを使うことはできません。私はそれを使って生きることができます（それは生産に行くときには消されます）。

Answer 2

このウェブサイトの使用：

Dropzone.options.uploadWidget = { 
    uploadMultiple: false, 
    maxFilesize: 2, // MB 
    maxFiles: 1, 
    acceptedFiles: 'image/*', 
    success: function(file, res) { 
     console.log('Upload success.'); 
     console.log(res); 
    }, 
    error: function(file, res) { 
     console.log('Upload error.'); 
     console.log(res); 
    } 
};