Dropzone.js 根據響應上傳后重命名文件

Question

我正在嘗試找出一種方法如何在使用 dropzone.js 上傳后重命名文件，這樣我以后就可以通過發送正確的名稱來刪除它。

我現在擁有的是：

this.on("success", function(file, responseText) {
   console.log(responseText); // responseText contains actual file name after server modifications
});

addRemoveLinks: true,
        this.on("removedfile", function(file) {
          var name = file.name;
          $.ajax({
            type: 'POST',
            url: 'delete_file.html',
            data: {
              'file-name': name,
            },
          });
        });

正如您在我的 ajax 數據中看到的那樣，我發送的是初始文件名，而不是服務器上實際存在的文件名（例如，如果有多個相同命名的文件，服務器將重命名它們）。 我一直在考慮在成功時更改 previewElement 名稱：

file.previewElement.querySelector(".name").textContent = responseText;

然后在ajax中參考這個，但它看起來不是一個優雅的方法。

其他替代方法是創建一個帶有 <file, new_name> 映射的 map，但我不確定這是否有點矯枉過正。

您建議如何在上傳后訪問新文件名？

Answer 1

我想出的最干凈的選擇是使用file.xhr.response值，它包含新名稱而不是file.name