javascript - input上传如何获取文件名并显示在另一个文本框中
伊谢尔伦
伊谢尔伦 2017-04-10 15:13:15
[JavaScript讨论组]

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

**<input type="file"。。。选择文件后。

被选择文件名将自动显示在另一个 <input type="text" 。。。

JS如何写,请教大神。我是小白,求案例

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(2)
阿神

http://jsfiddle.net/om5bdpdz/

天蓬老师

先贴代码:
html代码

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

js代码:

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

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号