Dropzone.js-上传文件后如何向文件对象添加新属性

Question

我正在使用dropzone和PHP上传和删除文件。加载上传页面时，我创建了一些带有以下参数的模拟文件：名称，大小，缩略图和ID。该模拟是使用预先上传的数据设置的。

因此，当有人单击“删除文件”按钮时，我调用了删除图像的php方法。

我的问题是，当用户上传文件并尝试删除它而不加载页面时。发生这种情况时，就无法更改dropzone文件对象。

我尝试着：

var dropZone3 = new Dropzone("#file3",{
                    init: function() {
                        this.on('success', function (file) {
                            console.log(file);
                            file['test'] = 'test';
                            file.test = 'test';
                            console.log(file);
                        })
                    },
                    paramName: 'file3',
                    autoProcessQueue:true,
                    uploadMultiple: false,
                    parallelUploads: 1,
                    maxFiles: 3,
                    maxFilesize: 5,
                    addRemoveLinks: true

我的问题是成功功能的init内的第一个console.log和第二个控制台向我显示了相同的文件。

有人知道如何解决吗？

先感谢您。

Answer 1

可以直接向file对象添加属性（dropzone v4.3.0）

var dropZone = new Dropzone(document.querySelector('.js-dropzone'), {
  url: '/file/upload'
});

dropZone.on('success', function (file, response) {
  var res = JSON.parse(response);

  if (res.result == true) {
    file.test = 'test';
    file.id = res.id;
  }
});