首页 > 代码库 > 获取文件名并赋值给文本框的解法

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


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里是转译字符,所以可以用‘\\‘代替。  

 

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