javascript - 如何使用 Dropzone.js 在服务器错误响应后触发警报

Question

我想在服务器返回错误时从 dropzone.js 触发 JavaScript 警报。 (以 json 格式)。

这是我的函数/方法。看起来运行良好。

public function file_upload($account_id,$bid_id) {
    $path = FMREPO . "/account-" . $account_id . "/bid-project-" .$bid_id . "/";
    if (file_exists ( $path )){
        if (!empty($_FILES)) {
            $tempFile = $_FILES['file']['tmp_name'];
            $fileName = $_FILES['file']['name'];
            $targetPath = $path . "diagram-" . $bid_id . "-";
            $targetFile = $targetPath . $fileName ;
            move_uploaded_file($tempFile, $targetFile);
                // $this->load->database(); // load database
                // $this->db->insert('file_table',array('file_name' => $fileName));
        }
    } else{
        header('HTTP/1.1 500 Internal Server Directory Not Found');
        header('Content-Type: application/json; charset=UTF-8');
        die(json_encode(array('error' => 'File Could Not Be Saved')));
    }   
}

这是我的 Dropzone 选项。这是我不知道如何做或使其发挥作用的部分。 “错误:”是我添加的内容，但它总是会触发警报，即使文件上传成功也是如此。我需要在这里做什么？

Dropzone.options.diagramDropzone = {
paramName: "file", // The name that will be used to transfer the file
maxFilesize: 6, // MB
maxFiles: 2,
thumbnailWidth: 100,
thumbnailHeight: 100,
error: function(){
    alert('error');
},
init: function() {
    this.on("maxfilesexceeded", function(file){
        alert("No more files please!");
        console.log(file);
        this.removeFile(file);
    });
}

}

编辑:我刚刚意识到这一点

错误:函数(){
//这里提醒
},

应该是

错误:函数(响应){
//这里提醒
},

所以现在可以了!但是使用alert(response)我得到了[object]。所以现在的问题是如何提醒我的字符串？

Answer 1

您可以在 init 选项中设置警报，如下所示:

init: function() {
    this.on("maxfilesexceeded", function(file){
        alert("No more files please!");
        console.log(file);
        this.removeFile(file);
    }),
    this.on("error", function(file, errorMessage, xhr) {
        alert(errorMessage);
    ])
}