You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

单页面部署多个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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.28 22:45:07