input file 修改按钮名称

原创于 2016-02-26 18:51:44 发布 · 1.2w 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#input file 修改按钮名称

html 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了两种实现文件选择后预览路径的方法：一种通过隐藏实际的文件输入框并使用 JavaScript 更新显示的文本框；另一种则利用表单来管理文件选择与显示。这两种方法都适用于网页应用程序中需要用户上传文件并预览文件路径的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input
 type="file" id="inputFile" name="inputFile" style="display:none" onchange="changeAgentContent()" />

<input
 type="text" value="" disabled
 id="inputFileAgent" />

<input
 type="button" onclick="document.getElementById('inputFile').click()" value="Browse..." />

<script
 type="text/javascript">

    function changeAgentContent(){

        document.getElementById("inputFileAgent").value
 = document.getElementById("inputFile").value;

    }

</script>

</form>