google浏览器点击上传按钮无效！

最新推荐文章于 2024-10-25 23:58:12 发布

卷卷丶

最新推荐文章于 2024-10-25 23:58:12 发布

阅读量8k

点赞数 2

文章标签： chrome edge 前端

本文链接：https://blog.csdn.net/weixin_44730588/article/details/120922057

版权

在编写数据字典上传功能时，遇到Chrome浏览器上传按钮无反应的问题。经过检查代码、重启项目和浏览器无效后，发现是Chrome的设置问题。更换到Edge浏览器后问题解决，通过调整Chrome的设置，问题最终得到解决。这是一个关于前端开发中遇到的浏览器兼容性问题的小记。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

情景描述

今天在编写数据字典上传功能，学习了一下阿里的easyexcel，使用swagger-ui测试文件上传的接口时，发现点击上传按钮一点儿反应就都有！！！就是这个

原本我以为是我的代码写错了，于是开始对代码进行地毯式搜索bug

006APoFYly1g8iz1oleslg30dc0dcq4q

在我检查数次后，发现我的代码没有任何问题啊，既然代码没有问题，那就重启项目，重启电脑，重启浏览器，然而，无功而返～～～

后面灵机一动

006APoFYly1fthw12gq73j306o06ot8t

解决方案

我换个浏览器！

果然不出所料，换了edge这个按钮就能弹出上传框了！那肯定就是chrome设置的问题了，于是我就找到了

然后重启浏览器就能解决了，也算是个人遇到的一个小问题，但是很多时候这样的小问题就能让我们花费很多时间去寻找😓，于是记录一下～

由于本人能力有限，欢迎访问个人博客,进行技术交流，如有不足，欢迎指正~

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

卷卷丶

关注关注

2
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

解决Edge浏览器翻译按钮丢失

记录日常技术经验

11-27

5429

也不知道是什么时候，Edge浏览器的翻译功能按钮丢失，怎么找都找不回，尝试了各种方法，都无效。进入英文页面也不会自动出现翻译按钮。

mac电脑使用谷歌浏览器，el-upload上传文件点击没反应

小马甲

11-06

6990

在mac电脑中，使用谷歌浏览器，点击el-upload进行web端的文件上传没反应，但是有些时候使用360极速浏览器又可以，所以让我非常的莫名奇妙。

参与评论您还未登录，请先登录后发表或查看评论

谷歌浏览器（google）点击图片上传没有反应

tq1711的博客

09-28

4680

设置>>隐私与安全>>弹出式窗口和重定向，然后选择允许，最后重启一下浏览器就好了。解决方案：通过设置浏览器中设置弹出式窗口和重定向解决了这个问题。

Google浏览器上面，总是出现上传图片的时候，点击弹框死活没反应？——多半是被安全拦截了

龚小帅的博客

10-25

3064

但是大部分人，可能会通过重启浏览器，去解决，但是最终还是无法打开上传图片组件。哭死。。。有一部分人，知道了重启浏览器，没反应，就把电脑给重启了（不好意思，本人就这样干过），你还别说，真就可以解决这个问题。不过，后续，可能还会是出现这个情况，难道你还要在打开了无数个浏览器之后，重新启动电脑呢么？相比大部人都不想吧。其实要解决这个问题，很简单。因为大部分的浏览器都会设设置安全检测。弹出窗口没有反应的问题可能确实与浏览器的安全设置有关。下面推荐一个非常实用的方法，来解决这一问题。

win8中，谷歌浏览器不能上传本地附件解决办法

weixin_34233618的博客

06-04

1865

就像网上大多数一样，分三步：1、Chrome地址栏输入chrome://plugins/，找到Flash (2 files)，停用。2、到 http://get.adobe.com/cn/flashplayer/ 更新flash插件。3、删除Chrome目录中的gcswf32.dll文件。需要注意的一点问题是，1、下载好flash插件后，需要先关闭google chrome浏...

chrome 谷歌浏览器”上传“文件、图片按钮点击无响应

m0_67265919的博客

03-08

3695

解决方案：设置-----隐私设置和安全性-----网站设置-----内容----- 弹出式窗口和重定向（设置成允许）重启浏览器问题解决。

chome（谷歌浏览器）上传文件崩溃/上传图片崩溃/打开浏览文件未响应解决方案...

weixin_30784945的博客

09-10

1062

　　测试解决方案：关闭搜狗输入法（我用的是搜狗输入法，若使用其他输入法，此方案也可能适用），再测试是否重现浏览器崩溃问题　　可选解决方案：升级搜狗输入法（如果想卸载输入法也可以）　　前面有段时间chome浏览器在上传图片的时候直接崩溃了，而且以前还可以，突然有一天就有问题了，当时又有其他的事情比较急，就一下忘了；现在突然想起（恩，其实是有个同事也遇到了这个问题，而且卸载、安装...

通过onpopstate事件监听浏览器的后退，如果页面没有进行其他操作，直接点击浏览器的后退按钮，在新版谷歌上不生效

Y_shihao的博客

04-19

1763

问题：通过onpopstate事件监听浏览器的后退，如果页面没有进行其他操作，直接点击浏览器的后退按钮，在新版谷歌上不生效 // a页面 <body> <a href="b.html">to b</a> </body> <body> <input type="text"> <button id="btn">back</button> <script>

js实现浏览器后退按钮失效(包含iframe的后退)

weixin_41308870的博客

11-12

2883

目录问题：使浏览器后退按钮失效解决办法：走一步退一步权当没走方法简介history对象具体代码实现问题进阶（页面包含iframe的情况）其他问题总结参考资料问题：使浏览器后退按钮失效在业务中出现了这样的需求，用户不能通过浏览器的后退按钮后退到上一界面。这个需求出现的场景很多，比如不希望用户重复提交表单，或者上一页面需要重新从服务器上下载，或者单纯不希望用户可以重复访问上一页面。解决办法：走一...

在firefox和Chrome下关闭浏览器窗口无效的解决方法

09-04

这是因为IE认为这是一种合理的交互方式，特别是当用户触发某些操作时，如点击按钮或完成表单提交。但在Firefox和Chrome中，情况有所不同。 Firefox浏览器出于安全考虑，默认不允许通过JavaScript脚本关闭窗口。这是...

浏览器上传文件无响应排查

weixin_42282025的博客

10-15

3013

使用到的浏览器ie浏览器这里写目录标题两步快速解决浏览器上传本地文件失败问题1.修改浏览器设置2.下载安装Adobe Flash Player版本1.修改浏览器设置打开右上角设置-Internet选项打开安全-点击自定义级别在弹出的窗口中找到”将文件上载到服务器时包含本地目录路径“，将禁用改为启用。之后确认，关闭弹窗。2.下载安装Adobe _浏览器上传文件没反应。解决方案：设置-----隐私设置和安全性-----网站设置-----内容----- 弹出式窗口和重定向（设置成允许）重启浏览器问题解决。

【已解决】谷歌浏览器使用上传插件Uploadify的上传按钮不显示

Encore47的博客

02-20

5899

标题如题，情况是使用上传插件Uploadify时，在谷歌浏览器中上传按钮不显示，但是在IE中可以正常显示，并且正常上传文件。原因原因就是，使用这个控件的时候是要flash的…但是我的谷歌默认设置是禁用网站的flash（现在这个控件好像也有点老了），所以显示不出来。解决方法那就是打开谷歌设置>>高级>>网站设置>>flash设置，设置为“先询问”。并单...

vue2 + el-upload 在谷歌浏览器点击无效

七号程序员的博客

03-22

1390

项目突然出现点击el-upload上传文件没有反应的情况，到element UI官网尝试点击也无法触发上传事件，使用以下两种办法尝试后成功触发。

chome（谷歌浏览器）上传文件崩溃/上传图片崩溃/打开浏览文件未响应解决方案

w36680130的博客

03-11

1086

chome（谷歌浏览器）上传文件崩溃/上传图片崩溃/打开浏览文件未响应解决方案

Chrome不能在网易网盘中上传文件的解决办法

weixin_34104341的博客

03-07

356

Chrome不能在网易网盘中上传文件的解决办法1. 安装 Adobe Flash Player PPAPI，设置flash插件 chrome://settings/content/flash，许可[*.]126.com ， [*.]163.com 。更新 chrome://components 点地址栏前面的① 图标。。。让所有...

chrome浏览器另存为/上传附件崩溃

Hurpe

09-07

3648

分享一下，因为上传附件就崩溃的问题带来了很多不便，之前是直接拖拽，今天腾出时间处理一下了一、最开始给chrome卸载了，感觉卸载重装就能解决问题，不知道哪来的蜜汁信心，然而并没有乱用，还是记录一下先将chrome卸载了，然后重新下载一个新版安装包，如果发现点击之后转圈，并没反应，就说明没卸载干净，go on。新建一个text文件。将下面的文本复制进去，保存。更改文件名为：起名为...

谷歌浏览器点击上传文件或者图片按钮弹出设置的页面

weixin_42634398的博客

09-14

764

3、解决：点击设置–浏览器默认设置–把谷歌浏览器设置为默认浏览器—问题解决。1、使用其他浏览器试一下是不是还有同样的问题。2、使用谷歌浏览器上传文件的时候存在这个问题。

User.aspx页面点击按钮提交,数据没提交完成之前,重复点击按钮无效的案例(完整代码)

最新发布

11-06

为了实现用户.aspx页面上按钮提交功能，在数据未提交前阻止多次点击的功能，我们通常会利用JavaScript的事件监听机制和异步处理技术。下面是一个简单的ASP.NET MVC示例，假设我们在`<asp:Button>`控件上应用这个功能： ```html <!DOCTYPE html> <html> <head> <title>防止重复提交</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></button></script> <script> $(document).ready(function () { // 获取表单元素 var submitBtn = $('#mySubmitButton'); // 添加点击事件处理器 submitBtn.on('click', function (e) { e.preventDefault(); // 阻止默认的提交行为 // 检查是否正在发送请求 if (!isSubmitting()) { // 设置为提交状态 setSubmitting(true); // 异步提交数据 $.ajax({ url: '@Url.Action("SaveData", "MyController")', // 替换为你实际的Action路径 type: 'POST', data: $('#form').serialize(), // 提交表单数据 success: function () { // 数据提交成功后恢复可点击状态并显示提示信息 setSubmitting(false); alert('数据已保存，请刷新页面查看最新状态。'); }, error: function () { // 提交失败后恢复可点击状态并显示错误提示 setSubmitting(false); alert('数据保存失败，请检查网络或稍后再试。'); } }); } else { // 显示占位消息，告诉用户当前已有请求在处理中 alert('请等待现有请求完成后再提交。'); } }); // 辅助函数：设置提交状态 function setSubmitting(isSubmitting) { localStorage.setItem('submitting', isSubmitting ? 'true' : 'false'); } // 辅助函数：检查是否有请求正在进行 function isSubmitting() { return localStorage.getItem('submitting') === 'true'; } }); </script> </head> <body> <form id="form">  <input type="text" name="data" /> <asp:Button ID="mySubmitButton" Text="提交" /> </form> </body> </html> ``` 在这个例子中，我们使用了jQuery来简化交互。当用户点击按钮时，首先阻止其默认行为，然后检查是否有请求在进行中。如果有，显示提示等待；如果没有，开始异步提交数据。如果提交成功或失败，都会更新存储的状态，并给出相应提示。请注意，这只是一个基本示例，实际项目中可能需要考虑更多细节，例如浏览器兼容性和持久化状态的其他存储方式。此外，这适用于前端操作，对于服务器端的并发控制，你可能还需要借助于服务器端代码或中间件来进一步限制。