Dropzone JS具有多个文件的上传验证

Question

我目前正在使用Dropzonejs上载文件。 对于每个文件，我都会附加一个表单字段。 我必须执行类似的操作，如果该文件所附的表单字段不为空，我想上传。 否则，我在缩略图下方显示错误消息。 我已经做到了。

我面临的唯一问题是，假设选择了3个文件。 第一个未附加表单字段，但是第二和第三个已附加表单字段。 将显示错误消息，指出必须填写表单字段。 但是其余的文件（第二和第三）没有上载。 仅当我在第1个字段中提供必填字段时，它才会上传。

因此，我的问题是我如何仅上传那些附加了表单字段的内容，而其余的保留在Dropzone区域中，以供用户填写表单字段？

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

Answer 1

您可能会陷入一个事件 。

有accept功能：

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

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

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

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