iframe 中的 HTML input type="file" 打破了 Chrome 和 Edge 中的文件选择对话框

大佬教程收集整理的这篇文章主要介绍了iframe 中的 HTML input type="file" 打破了 Chrome 和 Edge 中的文件选择对话框，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决iframe 中的 HTML input type="file" 打破了 Chrome 和 Edge 中的文件选择对话框？

开发过程中遇到iframe 中的 HTML input type="file" 打破了 Chrome 和 Edge 中的文件选择对话框的问题如何解决？下面主要结合日常开发的经验，给出你关于iframe 中的 HTML input type="file" 打破了 Chrome 和 Edge 中的文件选择对话框的解决方法建议，希望对你解决iframe 中的 HTML input type="file" 打破了 Chrome 和 Edge 中的文件选择对话框有所启发或帮助；

我正在开发具有 iframe 组件以嵌入另一个网络应用程序的 React 网络应用程序。父应用程序具有打开或关闭（卸载）iframe 组件的功能。父应用程序使用实时数据订阅，它具有在收到特定事件时自动关闭 iframe 的行为。所以这意味着iframe可以随时关闭。

现在问题来了，两个应用程序都有 input type="file" 来上传文件。如果在 iframe 中打开“文件选择对话框”时 iframe 被卸载，除非我单击“取消”按钮，否则该对话框仍会显示。但问题是，在关闭文件对话框并单击另一个 Choose file 中的 input type="file" 后，除非我刷新页面，否则文件对话框将永远不会再次出现。

更多信息：

• 如果我在本地主机中运行任何父级或 iframe 应用程序，则不会发生该错误，它只会发生在已部署的站点上
• 两个应用都来自同一个域，但具有不同的路径名（例如 https://Hello.com/parent 和 https://Hello.com/iframe）

我不确定这是否是 Chromium 错误，因为它发生在 Google Chrome 和 MS Edge 中，但不会发生在 Safari 和 firefox 中。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

大佬总结

以上是大佬教程为你收集整理的iframe 中的 HTML input type="file" 打破了 Chrome 和 Edge 中的文件选择对话框全部内容，希望文章能够帮你解决iframe 中的 HTML input type="file" 打破了 Chrome 和 Edge 中的文件选择对话框所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。