IE type=file上传文件浏览弹窗问题

发布时间:2024-11-30 23:02

如何清理浏览器缓存提高浏览速度?->选择清除浏览数据,但不要清除缓存文件。 #生活知识# #生活经验# #网络#

最新推荐文章于 2021-06-04 01:34:00 发布

小酷 于 2014-04-03 08:38:15 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

今天碰到一个问题,IE上传文件浏览不能弹窗。

原因与内嵌的框架相关(内部框架),导致不能正常弹出选择文件的窗口。

刚开始查找了很多相关IE上传文件问题,但基本没有出现这种弹窗问题,基本都是可以弹窗,但上传不了。

自己做了个简单的<input type="file" value=“test” />在IE各个版本测试,完全没有问题,证实了与本身代码无关,主要是框架与浏览器的兼容性不怎么好。

出现的现象:打开WebDevelper,在Event log 下查看,触发了事件,居然时而可弹窗,时而不可弹窗,未果。只能另找方法。

在网上也看了其他的各种方法,其中障眼法最可以解决。就是用一个a标签套住input标签,点击a标签从而触发点击input弹窗标签,再做一下样式修改即可。

虽然解决了弹窗问题,可是居然上传功能也就跟着失效了,报了“拒绝访问”错误。查了原因,结果得到的答案是:

“IE下 file必须用户触发事件(安全机制,不能用js控制打开文件选择器),选择上传文件。不然就是报拒绝访问。”

继续寻找解决方法:

http://www.qttc.net/201305334.html

http://blog.csdn.net/jetxt/article/details/12953397

解决方案是让file标签盖在a标签上,但file是透明的,这样用户看到的是a标签的外观,实际点击是file标签。

顺便也发了帖询问是否可以屏蔽这个安全机制,未果。(有人答:file reader可以解决,后面因找到框架与IE中file兼容的原因而没继续研究下去。)

网址:IE type=file上传文件浏览弹窗问题 https://www.yuejiaxmz.com/news/view/328516

相关内容

IE浏览器兼容tbody显示滚动条
input的type=file上传图片简单使用
input file 上传图片并实现实时预览
input上传文件个数控制
10.29 浏览器安全设置的问题
IE 条件注释语句 if IE
QQ浏览器官方
前端浏览器兼容
Win7 下哪个浏览器最好用
修改 input type=file 的样式的最简单方法

随便看看