dropzone.js - Dropzone.js 接受的文件不能与拖放一起使用
问题描述
我已将 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() 返回一个空数组[]
。仅显示已删除文件的视觉效果。我错过了什么吗?我必须手动将它们从预览中排除?
谢谢你的帮助。
解决方案
似乎没有默认的实现。您必须实现拖放的逻辑。
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() );
推荐阅读
- javascript - 从 API 添加数据后突然在 Vue.Js 方法中得到未定义的类列表
- vba - microsoft word 中是否有一个函数(宏)可以自动过去剪贴板中的任何内容?
- r - 在使用 dplyr 为数据框创建新列时,R 会覆盖现有的变量名称
- python-3.x - 如果在字段中传递 None 而不使用验证器,我可以在 pydantic 中设置默认值吗?
- php - 将数据附加到 PHP 中的关联数组
- sql - SQL:查找包含多个页面中的每一个的会话
- javascript - 在 React 中如何更新功能组件的状态?
- java - 如何在 Java Spring 上获取字段变量
- apache-spark - 在 Pyspark 中手动创建 ml 模型
- ios - 防止 iPad 上的显示屏旋转