ie9浏览器使用webuploader上传文件点击按钮没反应

最新推荐文章于 2022-09-15 10:08:47 发布
原创 最新推荐文章于 2022-09-15 10:08:47 发布 · 1.3k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #html

本文介绍了当遇到上传文件按钮点击无反应的情况时的排查步骤。首先确认swf属性路径是否正确，通过浏览器调试工具检查状态码来验证路径有效性；其次检查按钮样式，确保其宽度和高度设置正确。

上传文件点击按钮没反应，可以从两方面排查：

  1. 一定要确定swf属性的路径是否正确
    在这里插入图片描述

开始我以为自己路径没问题，而在这个问题上花了很多时间。如何确定自己路径有没有问题呢，打开调试工具，查看network
在这里插入图片描述
看状态码是否为200，如果是404就意味着你路径有问题

在文件头部添加

 <meta http-equiv="X-UA-Compatible" content="IE=edge">
  1. 查看按钮样式是否正常，在排查的过程中发现点击上传图片的按钮width和height都为1px,修改好宽高就可以解决啦！
Distance_123
关注
WebUploader照片上传，file文件图片上传样式美化，多上传按钮处理，支持IE9+
04-03
本教程将深入探讨如何解决WebUploader的多按钮上传问题，并对file文件图片上传样式进行美化。 1. **多上传按钮处理**： 在WebUploader中，创建多个上传按钮的关键在于实例化多个Uploader对象，每个对象对应一个...
jQuery插件WebUploader实现文件上传
10-21
jQuery插件WebUploader是一种用于实现文件上传功能的JavaScript库，它由百度的Web前端研发部（FEX）团队开发。该插件主要利用HTML5的文件API，同时也兼容旧版IE浏览器，通过FLASH作为备选方案。WebUploader的特点是...
解决百度上传WebUploader在IE浏览器下点击无反应的问题
atjw25188的博客
08-20 895
原因1：IE浏览器不支持H5方式上传，需要使用flash的方式上传 解决方法：在页面head标签添加<meta http-equiv="X-UA-Compatible" content="IE=edge">，在初始化webuploader时加上参数swf:xxx/Uploader.swf。 原因二：用button标签挂载webuploader 解决方法：如果用原因...
解决WebUploader 上传按钮没反应、按F12 才会有反应的问题
xiaoxinshuaiga的博客
08-26 2181
遇到了 WebUploader插件的上传按钮点击无效(此时鼠标在按钮任何位置时，按钮都没变化)、按F12之后才有反应(此时鼠标在按钮任何位置时，按钮颜色都会变深) 的问题，网上查到一些答案，找到了一种测试有效的办法。 首先出现Bug的原因是插件生成[选择文件]按钮的长宽都是0，所以点击不到；需要重新渲染一下网页，而F12正好有渲染网页的功能。 解决办法分以下两步： 1）在页面加一段样式...
webuploader在ie8上传失效
xmh19940228的博客
05-12 1690
解决办法：1.在html头部加入：<meta http-equiv="X-UA-Compatible" content="IE=EDGE" /> <meta http-equiv="X-UA-Compatible" content="IE=9;IE=8;IE=EDGE;chrome=1" /> 2.检查swf文件是否正确引入。3.手动设置acctpt： uploader
WebUploader 图片上传点击按钮无反应
weixin_30337157的博客
12-08 582
由于使用display:none来设置的隐藏，每次刷新后对应的id为filePicker的div的宽高都默认为1px，按钮当然没有反应，网上找了很多具体都说不要使用display:none，使用css样式来设置。以下语句即解决了此问题。 <style> #filePicker div:nth-child(2){width:100%!im...
WebUploader+SpringMVC实现文件上传功能
08-30
WebUploader是百度团队开发的一款强大的文件上传组件，它支持HTML5和Flash两种技术，确保在各种浏览器环境下都能正常工作，包括兼容IE6+、iOS 6+以及Android 4+。该组件的一大特色是它的分片并发上传功能，能够极大...
WebUploader大文件上传
11-02
WebUploader是一款强大的JavaScript文件上传组件，它专注于解决大文件上传的问题，尤其在处理多文件、断点续传以及预览功能上表现出色。这个组件由阿里云开发，旨在为Web应用提供灵活、高效的文件上传解决方案。 一...
插件WebUploader 上传按钮没反应，按F12 才会有反应的问题的解决方案
No8g攻城狮的博客
05-26 2043
插件WebUploader 上传按钮没反应，按F12 才会有反应的问题的解决方案 最近做的一个项目用到了WebUploader，但是在多图上传时遇到了一个问题，点击上传按钮没有反应，然后按一下F12就可以正常点击了，然后就开始找解决方法，最终找到一个： 出现问题的原因是插件生成[选择文件]按钮的长度和宽度都是0px，所以鼠标点击不到，才出现了点击上传按钮无效；需要重新渲染一下网页，而F12正好...
jquery.uploadify.3.2.1 试用在IE9,IE10中 上传文件的按钮会无法点击
龙
07-16 952
以前用的是版本2.1.4,这次看见更新后就尝试了一下，发现有很多改变。 首先引入 js 和 css link rel="stylesheet" href="uploadify.css" />    script src="jquery.uploadify.js">script>   当然jquery 是必不可少的   接下来是代码： [jav
chrome 谷歌浏览器”上传“文件、图片按钮点击无响应
m0_54853146的博客
02-24 1万+
解决方案： 设置-----隐私设置和安全性-----网站设置-----内容----- 弹出式窗口和重定向（设置成允许） 重启浏览器问题解决。
WebUploader 选择图片按钮点击无效问题
热门推荐
一个程序员的专栏
02-09 1万+
项目中使用WebUploader做的图片上传功能，出现一个奇怪的问题，就是页面第一次加载完成之后，点击浏览文件的按钮没有反应。 以下是参考网上的一些说法： 问题的原因大体是这样，WebUploader初始化的时候，封装了一个input，type=‘file’。 浏览文件按钮实现原理是一个透明的层，点击这个层会触发点击事件，如果在WebUploader初始化的时候，因为各种原因导致它动
IE9在FCKeditor编辑器插入图片时，弹出窗口后没反映，提示调用的对象无效
花飘万家雪
11-15 1603
在使用富文本编辑器FCKeditor插入图片时，在IE8跟firefox下正常，但在IE9下，点击插入图片按钮后弹出窗口后就没有反映了， 也不无法进行其他操作，使用F12提示调用的对象无效。       这个时候 ，打开下面这个文件 fckeditor/editor/js/fckeditorcode_ie.js 找到这个方法：FCKTools.RegisterDollarFunction 将原来
关于IE9下用按钮触发file上传控件，请求无法触发的问题
x1172031988的专栏
04-12 6291
很多系统为了美观，都会在网页中用一个隐藏的按钮触发file上传控件，一般正常的在Chrome和Firefox下没有问题，但是切换到IE9和IE10下请求无法到达后台，这是因为IE9和IE10为了安全考虑，阻止了不是直接点击file的上传。因为这个问题，折腾了一天，参考网上的案例，结合自己的实际情况，终于找到一个比较靠谱的解决方案。 用一个label标签，label的for属性指向file文本框
WebUploader在IE9中文件选择按钮点击没反应
weixin_33816946的博客
05-30 633
一、问题： 　　最近做的公司项目里，用户环境一直用的火狐，但是实际的用户群体都是银行人员 　　政府部门怎么也要用 IE，而且还有一些用的IE版本是古董版本IE9 　　IE9 相比 IE8 多了图像渲染等，无法兼容低版本的页面 　　项目前台用的是 easyui，兼容到IE9还是可以的，但是项目中使用的百度的文件上传插件【WebUpLoader】 　　在 IE9 环境下，打开文件选择框，...
vue 项目 支持 ie9 实现文件上传
茉莉蜜茶~~~
09-15 988
ie9 文件上传
服务器网页上传附件按钮无法使用怎么解决,IE上传附件无法点击确定按钮的具体处理方法...
weixin_31129821的博客
08-10 8466
大家应该都知道在网页上经常会出现一个上传附件的按钮，但我们使用的过程中难免会出现一些问题。例如有的用户就遇到了IE上传附件无法点击确定按钮的情况，但我们要怎么解决呢？下面小编就来为大家分享关于IE上传附件无法点击确定按钮的具体处理方法。处理方法如下：第一步：首先检查浏览器设置：打开IE浏览器，每一个版本的IE界面和按钮有所不同，如下图第二步：找到IE的Internet选项菜单，开启菜单栏的根据下列...
ie 9 ie8 plupload 上传按钮问题 处理
laokaizzz的专栏
05-15 4293
参考： http://stackoverflow.com/questions/21014586/plupload-does-not-seem-to-be-uploading-files-in-ie-9-it-works-in-other-browsers 有可能你是弹出层 里面显示的上传控件，弹出层是隐藏的。ie9 以下对隐藏的 uploader不能很好的渲染， 所以解决方案就是
WebUploader照片上传插件美化与多按钮处理
WebUploader是一个基于Web开发的文件上传组件，它允许用户通过网页上传文件，尤其是支持大文件、多文件上传。它使用HTML5的拖拽接口，并兼容旧版浏览器。下面将详细说明标题、描述以及标签中提及的知识点。 ### ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值