单页面部署多个Dropzone时第二个表单不显示上传提示文本如何解决
问题原因
你已手动关闭Dropzone的自动发现功能(Dropzone.autoDiscover = false),该模式下Dropzone.options.元素ID的配置规则不会生效,这套配置仅适用于Dropzone自动扫描页面元素完成初始化的场景。当你手动调用.dropzone()方法初始化实例时,所有配置项需要直接写入初始化的参数对象中。
修正后的代码
仅需调整JS部分的配置写法即可,HTML部分无需修改:
Dropzone.autoDiscover = false; // 初始化第一个图片上传Dropzone $(".dropzone").dropzone({ dictDefaultMessage: "drop images here", // 你原有其他配置:已上传文件展示、删除逻辑等都放在这里 }); // 初始化第二个文档上传Dropzone $(".dropzone2").dropzone({ dictDefaultMessage: "drop documents here", // 你原有其他配置:已上传文件展示、删除逻辑等都放在这里 });
异常排查
如果修改后提示文本仍不展示,可以检查页面自定义CSS是否覆盖了Dropzone的默认.dz-message类样式,确认没有设置display: none、opacity: 0、visibility: hidden等会隐藏元素的属性。
内容的提问来源于stack exchange,提问作者Laci K
相关产品推荐
相关产品推荐

