避免打开文件选择弹出窗口

Question

我正在预览拖动到拖放区内 dropzone 的图像。

<Dropzone multiple={true} style={dropzoneStyle}  onDrop={this.onDrop.bind(this)} accept="image/*">
    <Preview files={this.state.files} remove={this.remove} text="Drop your images here!"/>
</Dropzone>

当您在拖放区内单击时，会打开一个文件选择弹出窗口，您也可以使用该方法选择图像。我希望用户能够通过单击图像顶部的 X 从列表中删除图像。问题是，通过单击该图标，您还单击了拖放区，因此图像被删除，但文件选择弹出窗口打开。如有任何帮助，我们将不胜感激！

Answer 1

我不确定您是否可以控制预览组件，但如果您可以通过单击 "X" 访问单击事件，则应该能够对这些事件调用 stopPropagation()。例如：

onClickRemove(e) {
  e.stopPropagation();
  // Call whatever function removes the image
}

避免打开文件选择弹出窗口

Avoid opening file selection popup

javascript

meteor

reactjs

meteor-react