Dropzone js上传多个文件的验证

Question

我目前正在使用 Dropzonejs 上传文件。对于每个文件，我都附上了一个表单域。我必须做这样的事情，如果该文件附带的表单字段不为空，我想上传。否则，我会在缩略图下方显示错误消息。我已经完成了这项工作。

我面临的唯一问题是，假设选择了 3 个文件。第一个没有附加表单域，但第二个和第三个附加了表单域。显示错误消息，说明表单字段是必需的。但是其余的文件，第 2 和第 3 没有上传。它仅在我第一次提供必填字段时上传。

所以，我的问题是如何只上传那些附加了表单字段但将其余部分留在 Dropzone 区域供用户填写表单字段的内容？

更新： 添加文件后，用户需要将值放入表单字段中。如果未填写表单字段，则会显示错误消息并且文件未上传但仍保留在队列中。否则，如果该字段被填写，则文件被上传。

Answer 1

您可能会连接到event。

有accept函数：

是一个获取文件和完成函数作为参数的函数。如果在没有参数的情况下调用 done 函数，则将处理该文件。如果您传递错误消息，它将被显示并且不会上传文件。如果文件太大或与 mime 类型不匹配，则不会调用此函数。

dz.options = {
    accept: function(file, done) {
        if (valid) {
            done();
        }
        else {
            done("error message");
        }
    }
}

不幸的是，这似乎是在放置后立即自动调用的。

您可能会发现其他事件更适合您的应用，例如send: function(file, xhr, formData).