Dropzone js使用多个文件上传验证

时间:2015-09-24 00:55:14

标签: javascript jquery dropzone.js

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

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

所以,我的问题是我如何仅上传那些附有表单字段但将其余部分保留在Dropzone区域以供用户填写表单字段?

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

1 个答案:

答案 0 :(得分:0)

您可能会挂钩event

accept功能:

  

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

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

不幸的是,这似乎是在下降后立即自动调用。

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