【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>

 

 

 

 

 

©️2020 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值