Dropzone在進度條上停止

這將很難解釋，因爲我沒有現場演示。我使用一個簡單的dropzone。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在完成時沒有反應。我需要打印一些數據嗎？我用這個網站作爲教程http://www.codexworld.com/drag-and-drop-file-upload-using-dropzone-php/

來源

2016-04-28 debute

我發現這個問題。我正在使用這個PHP調試器：https://github.com/JosephLenton/PHP-Error由於某些未知的原因，禁止接收XHTTP響應（有趣的是，我的網站幾乎是ajax的整體，我沒有注意到任何錯誤）。無論如何，我不能在這個調試器中使用dropzone.js。我可以忍受這一點（它也會在製作時關閉）。

來源

2016-04-28 12:24:12 debute

很高興知道;） – soywod

-1

嘗試使用success事件這樣的：

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); 
    } 
};

來源

2016-04-28 11:23:00 soywod

事件沒有問題。有進度條永遠不會結束的問題。所以它永遠不會發出類似「成功完成錯誤......」的事件。無論如何嘗試過，而不是工作。 – debute

您的控制檯中是否有任何錯誤消息？上傳完成後，您沒有收到'成功'信息？ – soywod

絕對沒有。但我已經修好了，看到我的答案。 – debute

Dropzone在進度條上停止

回答

相關問題