来源：http://hi.baidu.com/kekemao1/blog/item/4a5dd6459d6c473e86947320.html
我们知道，在网页上显示文件上传控件的语句是<input type="file"> 。在此当中，并不能对显示的输入框进行任何的设置，如果添加参数“readOnly”，则就连“浏览”按钮也不能用了。因此，狂人觉得，必须绕个弯才能解决问题。
于是狂人想到了javascript，经过一番调试，终于实现了上述功能。主要思路是：采用CSS把FILE的输入框隐藏掉，新增加一个TEXT的输入框，把其属性设置为readonly，通过JS把从选择文件得到的值传递给text文本框。下面是完整代码，只要把整段代码复制粘贴后运行就可以看到效果。
[CODE]:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>只读文件上传输入框例子</title>
<!--设置宽度为0，边框为白色(与页面背景色相同)的CSS样式-->
<style type="text/css">
<!--
.fileinput {
width: 0px;
border: #FFFFFF;
}
-->
</style>
<script>
function getvalue()
{
form1.textfield.value=form1.file.value
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<input type="text" name="textfield" readonly=""><!--独立的输入框，其值通过读取控件file的值取得-->
<input name="file" type="file" class="fileinput" onChange="return getvalue()"><!--使用css，隐藏控件本身的输入框-->
</form>
</body>
</html>
2942
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
