码迷,mamicode.com
首页 > 其他好文 > 详细

获取文件名并赋值给文本框的解法

时间:2016-09-10 17:33:38      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:


1
<script type="text/javascript"> 2 function change(src){ 3 var str = src; 4 var fileName = document.getElementById("fileName").value; 5 if(str != ""){ 6 var arr=str.split(\\); //通过特殊字符分割字符串成数组 7 var my=arr[arr.length-1]; //获取文件名称 8 document.getElementById("fileName").value = my; //把文件名赋值给另一个文本框 9 //fileName = my; 不知道为什么这样就实现不了? 10 } 11 } 12 </script> 13 <body> 14 <input type="text" placeholder="文件名" id="fileName"/> 15 <input type="file" id="file" onchange="change(this.value)"/> 16 </body>

通过获取input[type=file]的值是文件的路径,如C:\xxx\xxx\sd.jpg。可以通过split()分割成数组,因为‘\‘在java里是转译字符,所以可以用‘\\‘代替。  

 

获取文件名并赋值给文本框的解法

标签:

原文地址:http://www.cnblogs.com/yunyue/p/5859520.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!