Javascript DropZone.js：如何禁用文件上传，只允许通过拖放添加到DropZone

在

dropzone

（或

vue2dropzone

）中，是否有方法禁用文件上传，并且仅**允许通过拖放添加到dropzone

我有一个设置，我成功地使用自定义预览模板在dropzone中设置了拖放到子区域（可单击：

.czs1

），如AlexanderYW在本期中所示

DropZone选项：

dropzoneOptions: {
    url: 'http://localhost:3000/imageUpload',
    thumbnailWidth: 250,
    autoProcessQueue: false,
    addRemoveLinks: true,
    clickable: `.czs1`,
    previewTemplate: this.template(),
  },

现在我只想在单击时禁用childZones触发操作系统文件上载对话框。我发现dropzone使用class

dz hidden input

因此，在下面的例子中，我使用

.dz hidden input

className获取输入，然后对每个输入使用

event.preventDefault（）

，但是这不起作用

  var dropZoneInput = document.getElementsByClassName('dz-hidden-input')

  dropZoneInput.forEach(item => {
       item.addEventListener('click', function () {
           event.preventDefault()
       })
  })

是否有一个标准API（由Dropzone提供）来实现这一点。如果不是，这是如何解决的，因为上面的

document.getElementsByClassName（'dz-hidden-input'）

不起作用

  var dropZoneInput = document.getElementsByClassName('dz-hidden-input')

  dropZoneInput.forEach(item => {
       item.addEventListener('click', function () {
           event.preventDefault()
       })
  })

谢谢。

您正在搜索选项

如果为true，dropzone元素本身将可单击，如果为false 没有可点击的内容

您还可以传递一个HTML元素，一个CSS选择器（用于多个 元素）或这些元素的数组。在这种情况下，所有这些元素 单击时将触发上载

var dropZoneInput=document.queryselectoral（'.dz hidden input'））
dropZoneInput.forEach（项=>{
新Dropzone（项目：{
可点击：false
});
})

---

是否有任何地方未初始化事件的原因？我想这是函数的参数，但它不清楚你的问题是在那里还是其他地方。