解决IE浏览器文件上传标签点击多次才能上传的问题

随手记

 

问题背景：

刚好的一个需求，测试同事报过来说ie下上传文件按钮要点两次才能上传，点第一次没反应。

思考过程：

经过自己一些测试，发现一个有趣的现象。

双击input 选择文件，然后点击上传，需要点两次。

单击浏览 选择文件，然后点击上传，就只需一次了。

经观察，双击时，焦点会出现在input上，而单击浏览，input框并没获取焦点。

然后就猜测：

双击input 选择文件，需要点两次上传，第一点击是用来失去焦点的！

失去焦点的那一次点击，点击别的地方也会没有响应！

 

解决办法：

只要让file的input，onchange的时候，主动去释放焦点就行了。

<input name="ItemKindFile" type="file" class="common01" style="width: 85%;"
		   accept="image/*" onchange="this.blur()"/>