javascript获取file控件全路径 -

fp_moon

浏览: 971469 次
性别:
来自: 深圳

最近访客更多访客>>

kof98765

gxpcw

elashu

duwu

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

javascript获取file控件全路径

html javascript

firefox获取全路径的方式和原理：
document.getElementById('my-file').files方法用于获取到用户所选择的文件的集合，一般情况下都是选择单一文件（貌似FireFox这样做是支持多文件选择的，不过没有试过，读者可以自己去尝试），item数组可以得到其中的某一个文件，然后我们就可以使用 nsIDOMFile所提供的属性和方法了。它包括2个属性和3个方法：

fileName：用于获取到用户所选文件的名称，这和直接取value值所得到的结果一样。

fileSize：得到用户所选文件的大小。

getAsBinary()：得到用户所选文件的二进制数据。

getAsDataURL()：得到用户所选文件的路径，该路径被加密了，目前只能在FireFox中使用。

getAsText()：得到用户所选文件的指定字符编码的文本。

　　有一点需要说明，方法getAsDataURL()可以取得用户所选文件的本地路径，但是这个路径的字符串文本被FireFox加密了，并且这段密文只能被FireFox识别，其它的浏览器不能识别，也就是说我将被加密后的路径直接赋值给一个img标签的src属性，在FireFox中是可以直接显示出图片的，而在IE中却不行。

<html>
    <head>
        <title>get file input full pathtitle>
    <script language='javascript'>
        function getFullPath(obj)
        {
            if(obj)
            {
                if (window.navigator.userAgent.indexOf("MSIE")>=1)    //ie
                {
                    obj.select();
                    return document.selection.createRange().text;
                }
                else if(window.navigator.userAgent.indexOf("Firefox")>=1)             //firefox
                {
                    if(obj.files)
                    {
                        return obj.files.item(0).getAsDataURL();
                    }
                    return obj.value;
                }
                return obj.value;
            }
        }
    </script> 
    <head>
    <body>
        <input type="file" onchange="document.getElementById('img').src=getFullPath(this);" />
    <img id="img" />
    </body>
</html>

分享到：