简单的 Ajax 上传插件停止工作答案

【问题标题】：Simple Ajax Uploader Plugin Stopped Working简单的 Ajax 上传插件停止工作
【发布时间】：2020-01-08 04:59:15
【问题描述】：

我们正在使用 javascript 插件 Simple-ajax-uploader 在您的网站上上传文件，但它今天突然停止工作（2019 年 9 月 5 日）。无法再单击上传 div/按钮。

这发生在我们的网站上，甚至在official plugin site 上。这只发生在 Chrome 上，并且只发生在今天已关闭并重新启动 Chrome 的计算机上。

我们发现 this article 表示 Chrome 开发工具今天刚刚更新，但我们的 Chrome 版本自重启 (76.0.3809.132) 以来没有改变。然而，重新启动肯定会触发错误，所以那里发生了一些事情。但是什么？

【问题讨论】：

【解决方案1】：

今天早上在这里发现了同样的问题。

快速 jQuery 修复...

$('input[type=file]').css('position','relative');

【讨论】：

【解决方案2】：

更新：该问题已在 2.6.5 版插件中得到修复。请忽略以下内容。

~~插件维护者在这里。短期修复是删除或注释掉line 2002~~：

'position' : 'absolute',

或者：Firefox 中似乎不存在该问题。无论如何，我会尽快推出修复程序。

【讨论】：

【解决方案3】：

我刚刚在 Chrome 上进行了检查，您对按钮不起作用的看法是正确的。这是Stacking Context 的问题，不幸的是每个浏览器都有自己的实现。

基本上，外部div 阻止点击事件到达内部input。

我的建议是使用自定义按钮或重新设置当前按钮的样式（我发现如果您从外部 div 中删除 position 属性，它将再次起作用。考虑到许多属性可能导致堆叠上下文问题：位置、变换、不透明度、z-index。尝试在外部div 和内部input 中添加/删除/修改其中一些。

反正保证是样式问题，不是 JavaScript 问题。

【讨论】：