Dropzone.js acceptedFiles 不支持拖放

Question

我已将 Dropzone 设置为仅接受以下文件：

acceptedFiles:
      "application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/msword",

另外两种方法也试过了：

acceptedFiles: ".docx, .doc",

acceptedFiles:
      "application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/msword, .docx, .doc",

但不适用于拖放。它仅适用于“可点击”选项，因此 fileInput 正在完成他的工作。

函数 getAcceptedFiles() returns 一个空数组 []。仅显示已删除文件的视觉效果。我错过了什么吗？我必须手动将它们排除在预览之外吗？

谢谢你的帮助。

Answer 1

似乎没有默认实现。您必须实现拖放逻辑。

    const maxFilesNumber = 1;
    //after complete adding files, remove if not accepted or maxFilesNumber reached
        dropzone.on("complete", (file) => {
          if (!file.accepted || dropzone.files.length > maxFilesNumber)
            dropzone.removeFile(file);
        });
    
    dropzone.on("maxfilesreached", () => dropzone.disable() );
    
    //reset event is fired when files in dropzone are 0
    dropzone.on("reset", () => dropzone.enable() );

Dropzone.js acceptedFiles 不支持拖放

Dropzone.js acceptedFiles not working with drag&drop

dropzone.js