使用委托控件触发input file的时候，IE10以下报错SCRIPT:5拒绝访问解决办法

最新推荐文章于 2021-10-20 12:42:35 发布
最新推荐文章于 2021-10-20 12:42:35 发布
阅读量2.9k 收藏
点赞数
文章标签： ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CN_Anyoo/article/details/40781453
版权


在使用一个自定义样式来模拟上传控件的时候，通过onclick事件来调用file，在IE10以下版本报错，拒绝访问


IE为了安全性能考虑，只允许点击file文本的时候才可以上传


因此，需要设置一个透明的<input type="file">浮动到自定义按钮上，设置透明度为0，即可解决此问题

CN_Anyoo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
修改拒绝访问
11-28
出现拒绝访问、无权限、无法访问的情况的解决方法.
input file上传文件样式支持html5的浏览器解决方案
12-13
最近在使用画布处理图像像素时用到了file上传控件，发现了file上传控件的两个兼容性问题。一个是file上传控件在火狐下无法通过css改变width，另一个是file上传控件在不同的浏览器下的外观和行为都不一样。 下面是...
SCRIPT5: 拒绝访问
gwdgwd123的博客
12-04 4362
SCRIPT5: 拒绝访问 2012-06-07 20:57:00weixin_34383618阅读数 965收藏 IE下因设置document.domain而无法和Iframe通信的解决方法 posted by疯狂小强at 二月 10, 2012 所属分类开发经验1,297次阅读发表评论» 标签：domainiframejavascript跨域 分享到：Q...
IE兼容问题之 “SCRIPT5：拒绝访问” (document.domain)
SailorCai的技术博客
08-17 1万+
你可能也遇到过IE下报：SCRIPT5:：拒绝访问 的错，说实话，这真的是我见过最恶心的兼容问题之一了，效果如下： 那么出现这个问题的原因是啥呢？ 报这个错的原因是你的页面使用了iframe嵌入页面，同时在父窗口或者子窗口设置了document.domain为某个域，但是设置的不一样，或者父窗口设置了，但是子窗口没有设置。这样不仅会导致部分js代码无法执行 而且可能会导致已经发出去的aj...
window.showModalDialog引发的SCRIPT5:拒绝访问
小封的博客
04-08 660
背景： 最近用户反馈点击按钮没反应。。。发现IE浏览器才会出现，360浏览器则不会。F12调试发现页面报【SCRIPT5:拒绝访问】。初步js断点为window.showModalDialog的问题。 原因： 百度了很久，几乎都是说跨域的问题，但是这个问题很明显不涉及跨域。 后面再次用google翻文章查找，发现一句话【showModalDialog 必须由用户自己触发. 任何自动触发的条件均被认...
读取input:file的路径并显示本地图片的方法
09-05
在网页开发中，`<input type="file">` 是一个常见的文件上传控件，它允许用户选择本地的文件，如图片。然而，由于安全原因，现代浏览器并不直接提供所选文件的完整路径，而是返回一个相对安全的文件名或者一个沙箱内...
清空上传控件input file的值
09-05
在网页设计中，上传控件`<input type="file">`是用户选择本地文件以便上传到服务器的关键元素。然而，在某些情况下，我们可能需要在用户完成上传操作后或者在特定事件触发时清空这个控件的值，以便用户可以选择新的...
Android-解决在webview中input标签type="file"不能使用的问题
08-13
然而，在实际使用中，我们可能会遇到一些问题，比如在WebView中使用`<input type="file">`标签时，用户无法选择本地文件。这个现象主要是由于Android的安全机制和权限控制导致的。本文将详细讲解如何解决这个问题。 ...
使用JS 清空File控件的路径值
10-27
在网页开发中，File输入控件（`<input type="file">`）是用户选择本地文件的一种常见方式。然而，由于浏览器的安全策略，JavaScript通常不能直接访问或修改File控件的选定文件路径，这是为了保护用户的隐私。但在...
IE下访问iframe中页面出现SCRIPT5: 拒绝访问
itguaicai的专栏
01-16 5345
问题描述 在同一域下，因在父页面上设置了document.domain，而导致无法正常和Iframe（也是同域下）进行通信，IE下抛出的错误是：SCRIPT5:拒绝访问，导致无法操作iframe中的内容。 解决方法 1、不要设置父页面的domain（如果可以） 2、让双方均设置同样的domain
ie浏览器下出现SCRIPT5:拒绝访问
weixin_34122548的博客
11-30 2501
ie浏览器下出现SCRIPR5:拒绝访问 这种情况基本上出现在页面通信的情况下 情况1 IE下用iframe引入页面 之前一直用一个通用的登录页面，都是用iframe引入，并设置“document.domain”，结果今天在IE10下面不显示，报的错是——script5 : access is denied。　检查才发现，原来父子页的do...
JAVA——Script5: 拒绝访问，关于跨域访问问题
木心小白菜的博客
11-17 468
今天做项目用了Hbuilder X运行前端代码，用IDEA运行的后端的代码。 通过连接访问访问报错 拒接访问 不管是修改链接，还是修改前后台代码，都不管用。 从网上一查有人说是因为跨域访问的问题 然后想不如把前端代码和后端代码整合在一起，放到IDEA的SSM项目中。 然后把项目整合后，运行正常，报错消失。开心。 ...
IE浏览器SCRIPT5拒绝访问,谷歌浏览器XMLHttpRequest can't load file:/......
weixin_34378922的博客
03-28 525
一.背景 在测试ajax时,写了一个ajax.html,目的是访问example.txt中的文本,写好后,右键该html选择在浏览器中打开,浏览器页面上无内容.调出调试窗口: IE浏览器:SCRIPT5 拒绝访问   谷歌浏览器:XMLHttpRequest can't load file:/...... 二.原因 在使用ajax时,千万要注意同源策略.使用XMLHTTPReq...
JS IE11 Script5 拒绝访问 跨域
庸人1396
03-12 2781
首先说一下背景： 现在正在做与其他平台的对接开发工作，现一级域名相同，二级域名不同，原产品可以正常的进行通讯访问，现对方平台内容链接放入到本系统中，出现了跨域问题，所以在基础页面上加入域限定， &amp;lt;script type=&quot;text/javascript&quot;&amp;gt; try { document.domain=&quot;iuoooo.com&quot;; } catch(e){ } &a
IE9上传文件出现“SCRIPT5: 拒绝访问”导致不能上传的解决办法
李元的博客
12-02 4389
问题描述：在IE9浏览器上，如果上传文件的时候，是通过别的按钮或者是其他的点击事件来触发input框，那么就会出现“SCRIPT5: 拒绝访问”。 问题原因：问题的原因在于浏览器处于安全考虑，只允许上传直接点击input框上传的文件。 解决方案：本人的解决方案为使用label标签，如下图： for属性填写input框的id即可。
IE下因设置document.domain而无法和Iframe通信的解决方法(SCRIPT5: 拒绝访问)[转]
qq_38472574的博客
10-20 75
IE下因设置document.domain而无法和Iframe通信的解决方法(SCRIPT5: 拒绝访问)[转]
IE JS中拒绝访问的处理方法
热门推荐
思考者的LAMP技术博客
05-29 2万+
多人合作开发一个网站过程中，为便于开发，将一些公共文件如js,css,images放在外网上，各自链接这类文件以供使用。 本地测试时网页的一些JS代码在IE8，IE6中会停止执行，并报某个js文件拒绝访问，比如jquery.js。jquery.js是肯定不会错的，而且这个错误只发生在IE中，FF及Chrome都是正常的；并且外网测试又是正常的。 经分析，发现是IE跨域引起的，在
html文件访问遭拒,防止IE中出现“ SCRIPT5：访问被拒绝”错误
weixin_39585886的博客
06-25 487
场景：A.com上的页面A具有一个包含B.com上的页面B的IFrame。网页B使用jQuery的1.10.1和它 不会 需要页次A.沟通不管这个事实如何，jQuery在IE9和IE10中都会生成“SCRIPT5：访问被拒绝”。错误，并且似乎根本不执行任何jQuery。我不需要跨域通信，AJAX请求等，但是我确实需要jQuery来加载和执行B页中没有错误。有没有办法防止此错误在IE9和IE10中出...
JS实现Html File控件赋值
最新发布
06-06
你可以使用JavaScript来实现Html File控件的赋值，代码示例如下： ```html <input type="file" id="fileInput"> <button onclick="chooseFile()">选择文件</button> ``` ```javascript function chooseFile() { document.getElementById('fileInput').click(); document.getElementById('fileInput').addEventListener('change', function() { var file = this.files[0]; console.log(file.name); // 可以在这里对文件进行操作 }); } ``` 首先，我们创建了一个Html File控件，并为其设置了一个id。然后，我们创建了一个按钮，当用户点击该按钮时，会调用`chooseFile()`函数。 在`chooseFile()`函数中，我们首先通过`document.getElementById()`方法获取到Html File控件，并调用其`click()`方法触发文件选择对话框。接着，我们添加了一个`change`事件监听器，当用户选择文件后，会触发该监听器，并获取到所选择的文件对象。在这里，你可以对文件进行任何你想要的操作。 注意，为了保证浏览器的兼容性，我们没有直接调用`input`元素的`click()`方法，而是通过`addEventListener()`方法来添加事件监听器。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值