文件上传前获得文件名的实现方法

 

/*http://www.lamp99.com/get-file-name-before-uploading.xhtml*/  

 

如题，这里讲到的不是文件上传以后，返回的文件名，而是上传的时候获得的文件真实的文件名，比如你电脑上有一个文件名为”abc.txt”当你点击这个文件上传的时候，可以把“abc.txt”这个字符串返回给你，让你做接下来的处理。通常，我们在网上可能会看到一些，文件上传以后，更名，然后把服务器处理后的文件名返回给本地，这两种还是有本质区别的，具体这里的实现方法是用JS去处理，网上有很多的方法在浏览器兼容性上都是有问题的，今天和大家分享的这个方法完美兼容IE7/IE8/IE9/FF/Chrome/Safari等，所有浏览器。

具体的实现方法中实心的代码就是：

1var textval =/[^\\]+\.\w+$/.exec(fileval)[0];

好，接下来，我们来看一个我写的实例吧，当然，还是用Jquery的库。

1<FORM>

2<INPUTid=file_nametype=filename=filename>

3<INPUTclass=getflienamevalue=获得文件名type=buttonname=getfliename>

4</FORM>

下面是JS部分：当然先引入Jquery的库，这个，我就不多说了。

01$j = jQuery.noConflict();

02function uploadFileName(){

03    varfileval = $j('input#file_name').val();

04    vartextval =/[^\\]+\.\w+$/.exec(fileval)[0];

05    alert(textval);

06}

07$j(function(){

08    $j('input.getfliename').click(function(){

09        uploadFileName();

10    });

11});

查看演示！这里