Question

我使用dropzonejs进行简单的文件上传。我目前有一些问题。

我不知道如何限制正在上传的文件类型。我在我的PHP后端上有文件验证，但文件似乎已上传（它们有一个复选标记），即使它们没有通过这些过滤器。但这不是一个真正的问题。我想要的唯一类型的额外javascript过滤是文件类型。目前您可以选择任何类型的文件，但我想将其限制为一个上传器中的图像文件和另一个上传器中的pdf / word / excell。这可以在插件本身完成，或者如何在其他地方用js完成？

该插件不需要jquery，但我在其他地方使用jquery，因此它可用于解决方案。

Answer 1

从dropzone文档（http://www.dropzonejs.com/）中有接受选项 -

Dropzone.options.myAwesomeDropzone = {
  paramName: "file", // The name that will be used to transfer the file
  maxFilesize: 2, // MB
  accept: function(file, done) {
    if (file.name == "justinbieber.jpg") {
      done("Naha, you don't.");
    }
    else { done(); }
  }
};

您所要做的就是为了您的目的修改它，例如接受具有特定扩展名的文件。

Answer 2

Dropzone 处理错误的默认方式是将其显示在屏幕上（作为其默认模板中的 X）。为了不同的处理方式，我处理了错误事件：

this.on('error', function (file, errorMessage, xhrError) {
        this.removeFile(file);
        alert(errorMessage);
    });

这样就报错了，没有文件上传的UI错觉。

dropzonejs文件类型

2 个答案: