其实在FireFox和IE8中已经对这个控件进行了相应的限制,如果你在这两种浏览器中查看带有</input type="file">标签的页面,会看到根本不允许用户直接输入,而只能通过点击“浏览”按钮来选择文件,这样就可以有效地确保用户所选文件的合法性。但是在IE7和一些低版本的浏览器中仍然是可以输入的,这个时候就需要对这个控件进行一些限制,下面是可以采用的方法:
1. 替代法
使用隐藏的<input type="file"/>控件,然后用一个只读的文本框和一个按钮来模拟<input type="file"/>的功能。
< input type ="file" name ="file" onpropertychange ="file1.value=this.value" style =display:none /> < input type ="text" name ="file1" readonly /> < input type ="button" value ="浏览" id ="button1" name ="button1" onclick ="file.click()" />
2. 使用脚本事件限制控件输入
将<input type="file"/>控件的鼠标右键菜单、按键事件限制住,不让用户有机会输入。
< input type ="file" onkeydown ="return false" onkeyup ="return false" oncontextmenu ="return false" >
3. 使用contenteditable属性
使用该属性可以有效地限制用户在<input type="file"/>控件中手动输入内容,而只能通过文件选择对话框选择文件。
< input type ="file" id ="file1" contenteditable ="false" />