文档章节

关于 input file 事件处理 IE / chrome 下的区别

triankg
 triankg
发布于 2014/06/20 09:54
字数 189
阅读 46
收藏 0

客串前端人员

IE 版本 8

chrome 版本...  最新

问题 : 通过jQuery 绑定 file 的onchange IE下未生效  

操作 : 

1. 渲染form input:file 隐藏

2. 手动触发click, 绑定change 事件 (问题所在)
   由于页面每次使用的时候都会重新渲染 就没考虑事件多次绑定问题

3. 选择文件 


问题出在第二部的顺序问题  IE 打开文件选择框 会堵塞 JAVASCRIPT 代码执行, 也就是说 你打开面板的时候 其实 绑定事件代码还没有执行  所以你选择文件后的change事件处理不会生效 

但是在chrome 下并不会堵塞javascript 代码执行  


© 著作权归作者所有

共有 人打赏支持
triankg
粉丝 12
博文 112
码字总数 29848
作品 0
无锡
项目经理
移动端H5页面上传图片或多张图片

传统PC网页上传文件,大家都已经熟悉,这里不做介绍。 本文简单介绍移动端常用上传图片功能。灵活使用轮询或长连接可实现PC与移动端数据同步,即PC端需要上传的图片是移动拍照下来或移动端硬...

风蓝小栖
07/13
0
0
INPUT[type=file] 的 'value' 属性值在各浏览器中存在差异

标准参考 当一个 INPUT 元素的 'type' 属性值设置为 'file' 时创建了一个文件选择控件(file select),其中 INPUT 元素的 'value' 属性值便是文件的初始名称。 另外,在 IE6 和 IE7 下通过此方...

zkool
2012/06/28
0
0
前端对图片进行本地压缩预览并上传实践

相信做过前端的小伙伴们都写过图片上传,最简单的方式是通过表单提交,一个<input type="file">加一个<button type="submit">,外面包一层form就搞定了。(button默认的type是submit,这里可...

oj8kay
2017/09/11
0
10
chrome表单自动填充导致input文本框背景变成偏黄色问题解决

chrome表单自动填充后,input文本框的背景会变成偏黄色的,想必大家都会碰到这种情况吧,这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性造成的,解决方法如下...

freedonn
2014/08/07
0
0
隐藏file控件,用button实现文件上传

<input type="file">控件不是很美观,很多时候可能更希望用button去代替它实现文件上传 一种方法是用button覆盖file原本的浏览按钮,不足是得精确控制位置和大小,文本框还在 另一种是设置成...

Seast
2013/03/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

初级开发-编程题

` public static void main(String[] args) { System.out.println(changeStrToUpperCase("user_name_abc")); System.out.println(changeStrToLowerCase(changeStrToUpperCase("user_name_abc......

小池仔
今天
5
0
现场看路演了!

HiBlock
昨天
16
0
Rabbit MQ基本概念介绍

RabbitMQ介绍 • RabbitMQ是一个消息中间件,是一个很好用的消息队列框架。 • ConnectionFactory、Connection、Channel都是RabbitMQ对外提供的API中最基本的对象。Connection是RabbitMQ的s...

寰宇01
昨天
9
0
官方精简版Windows10:微软自己都看不过去了

微软宣布,该公司正在寻求解决方案,以减轻企业客户的Windows 10规模。该公司声称,企业客户下载整个Windows 10文件以更新设备既费钱又费时。 微软宣布,该公司正在寻求解决方案,以减轻企业...

linux-tao
昨天
19
0
TypeScript基础入门之JSX(二)

转发 TypeScript基础入门之JSX(二) 属性类型检查 键入检查属性的第一步是确定元素属性类型。 内在元素和基于价值的元素之间略有不同。 对于内部元素,它是JSX.IntrinsicElements上的属性类型...

durban
昨天
12
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部