原创

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

版权声明:本文为博主原创文章,遵循 CC 4.0 BY 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://bluebird.blog.csdn.net/article/details/54310583

问题描述:

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

先贴代码: html代码

        <input type="file" id="file" οnchange="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="上传文件" οnclick="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="上传文件" οnchange="upfile.value=this.value">
	          	<input type="button" name="button_count" class="smt" formmethod="POST" value="统计"
	          		οnclick="fileMode()">     
	        </p>
	        </div>

 

 

 

 

 

文章最后发布于: 2017-01-10 09:05:49
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览