修改上传文件按钮值

最新推荐文章于 2023-12-28 14:12:40 发布

原创最新推荐文章于 2023-12-28 14:12:40 发布 · 1.6k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#input #javascript #upload #button #function

#html

收录于

关于javaScript 专栏收录该内容

8 篇文章

订阅专栏

本文提供了一个简单的HTML文件上传示例，通过隐藏的文件输入框与按钮实现文件选择功能，并使用JavaScript来更新显示所选文件名。

<html>
<head>
<title>File Upload Example </title>
<script language="JavaScript" type="text/javascript">
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>