about-ie下模拟input file上传功能失效

Q：IE9下file提交到iframe中，load一直不触发，其他高级浏览器均无此问题

解决方案：不使用js模拟 input click事件，取而代之的是把真实的input设置为要触发元素的大小，进行触发onchange
原因分析：低端IE不支持JS模拟 input file的click事件
ZXX：隐藏的form IE也也不能获取到submit成功后iframe的onload，坑撒~~~

时间： 2024-08-11 03:38:22

about-ie下模拟input file上传功能失效的相关文章

ajax+ashx 完美实现input file上传文件

1.input file 样式不能满足需求 <input type="file" value="浏览" /> IE8效果图: Firefox效果图: Chrome效果图: 2.input file上传按钮美化 css: .file{ position: relative; background-color: #b32b1b; border: 1px solid #ddd; width: 68px; height: 25px; display:

HTML5的 input:file上传样式美化及表单异步提交

样式美化请看博客:css input[type=file] 样式美化,input上传按钮美化 input file上传按钮的美化思路是,先把之前的按钮透明度opacity设置为0,然后,外层用div包裹,就实现了美化功能. DOM结构: <a href="javascript:;" class="a-upload"> <input type="file" name="" id="">

如何用一张图片代替 'input:file' 上传本地文件??

今天去面试,碰到了一道题,也许是因为紧张或者喝水喝多了,一时竟然没有转过弯来,回来之后一细想原来这么简单,哭笑不得,特此记录一下! 原题是这样的: 如何用一张图片代替 'input:file' 上传本地文件?? 因为默认的 <input type='file'> 上传文件控件样式特别丑,需要换成自定义的图片,如何实现这个功能?? 也就是,将这个玩意: 换成这样的: 当时我还讲了一下label与input之间的绑定关系,问到这个的时候竟然脑袋短路一时没想到label这玩意儿??label作为一

input file上传表单美化file按钮美化篇

一.表单input file样式说明 - TOP 本上传表单特效是使用纯DIV+CSS代码实现,兼容各大浏览器,使用方便在此美化基础上稍加CSS美化将获得更好的美化效果,也就是通过DIV CSS样式美化上传表单控件. 二.CSS file美化后效果图 - TOP file表单美化效果图支持多浏览器与老旧版本浏览器,测试IE6-IE8 火狐.谷歌浏览器均兼容. 三.所有HTML+CSS代码: - TOP <!DOCTYPE html PUBLIC "-//W3C//

mvc4 使用input:file上传文件

@using (Html.BeginForm("AddNews", "NewsMgr", FormMethod.Post, new { enctype = "multipart/form-data" })) 前台页面上使用form提交,但是HtmlAttribute必须有这个属性 enctype = "multipart/form-data" 否则上传时提交到后台的Request.Files一直为空,count是0. 后台页面

Chrome浏览器点击 input file上传按钮时延迟3-5秒的解决方法

1. Google chrome 浏览器在52版本之后出现一个bug,就是点击 input file上传按钮时反应很慢,需要等待3-5秒种之后才能弹出选择文件的对话框.比如 windows里可能是这样: MAC里可能是这样:

使用js清空input file上传文件的内容

html页面代码如下: <input id="file_input" type="file" onchange="upLoadFile(this)" value="" />js的代码如下,可以直接将上传文件input按钮的内容直接清空: var obj=document.getElementById('file_input');obj.outerHTML=obj.outerHTML; ---------------

HTML5的 input:file上传类型控制

一.input:file属性属性值有以下几个比较常用: accept:表示可以选择的文件MIME类型,多个MIME类型用英文逗号分开,常用的MIME类型见下表. multiple:是否可以选择多个文件,多个文件时其value值为第一个文件的虚拟路径. 1.accept 只能选择png和gif图片 <input id="fileId1" type="file" accept="image/png,image/gif" name="

FileUpload系列：（4）HTML5的 input:file上传类型控制

网页上添加一个input file HTML控件: <input id="File1" type="file" /> 默认情况下,所有文件类型都会显示出来,如果想限制它只显示特定的文件类型呢,比如"word","excel","pdf"文件解决办法是可以给它添加一个accept属性,比如: <input id="File1" type="file"