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