JS：input上传如何获取文件名并显示在另一个文本框中

来源：互联网发布：潍坊淘宝托管编辑：程序博客网时间：2024/05/22 12:17

问题描述：

input上传如何获取文件名并显示在另一个文本框中？如何用JS写？类似优酷搜狐上传视频，选择了文件上传后，会自动将文件名显示在标题文本框中。**<input type="file"。。。选择文件后。被选择文件名将自动显示在另一个 <input type="text" 。。。

先贴代码： html代码

        <input type="file" id="file" onchange="handleFile()">        <input type="text" disabled="disable" value="文件名" id="fileName">

js代码：

        var file = document.getElementById("file");        var fileName = document.getElementById("fileName");        function handleFile(){            fileName.value = file.value;        }

你可以试一下，应该是可以的^_^

原问题：https://segmentfault.com/q/1010000002753704

我的操作：

        <div id="show">         <p> <input type="button" value="上传文件" onclick="fileEle.click()" class="smt"><input type="text" size="30" name="upfile" id="upfile" style="border:0px">             <input type="file" id="fileEle" class="smt" style="margin-right:255px; display:none" formmethod="POST"           value="上传文件" onchange="upfile.value=this.value">          <input type="button" name="button_count" class="smt" formmethod="POST" value="统计"          onclick="fileMode()">             </p>        </div>

0 0