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

问题描述：

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>