本文介绍了一种使用JavaScript实现文件输入按钮点击后自动更新显示文件名的方法。通过隐藏实际的文件选择框，并用一个可读取的文本框及按钮来替代，增强了用户体验。
<html>
<head>
<title>实现input file 按钮值</title>
<script language="JavaScript" type="text/javascript">
/*
@author Roinli
@time 2012-10-18 12:42:00
@description input file 按钮值
****/
function HandleFileButtonClick()
{
document.frmUpload.myFile.click();
document.frmUpload.txtFakeText.value = document.frmUpload.myFile.value;
}
</script>
</head>
<body>
<form name="frmUpload">
<input type="file" name="myFile" style="display: none">
<input type="text" name="txtFakeText" readonly="true">
<input type="button" onclick="HandleFileButtonClick();" value="Browse">
</form>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
