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