plotly-dash - 连续两次删除相同文件的问题

Question

我正在使用 Dash 上传组件，该组件又使用 react-dropzone。

我可以将文件拖到组件中，相应的回调将触发。

然后我可以将不同的文件拖到组件中，回调将再次触发。

但是，如果我将一个文件拖到组件中(这会触发回调)，然后再次将同一文件拖到组件中，则回调不会触发。

有一个演示应用程序 in this Gist演示了该行为。

搜索类似问题(stack-overflow、github)表明这种行为是可以预料的，因为从浏览器的角度来看没有任何改变。这两个讨论似乎都以涉及将某些元素的 .value 部分设置为 '' 的解决方案结束，以便浏览器将第二个放置事件视为更改.

Chriddyp 贡献了 links to the relevant bit of code in Dash并指出 react-dropzone 组件。

有没有一种方法可以使用 react-dropzone 在 Dash 中连续两次删除文件？

谢谢!

g.

Answer 1

在 Dash 中，每次属性更改时都会调用回调。如果您第二次上传同一个文件，属性(例如文件名)不会改变，因此回调将不会被调用。这是预期的行为。

要确保每次都调用回调，您必须确保 Input 属性实际更改。一种选择是向 Upload 组件添加一个新属性，类似于按钮的 n_clicks 属性，比如 n_uploads，每次递增文件已上传。

解决手头问题的最简单方法可能是使用自定义 dash uploader反而。除此之外，它还支持多次上传同一个文件。