首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

javascript获取file控件全途径

2012-09-07 
javascript获取file控件全路径firefox获取全路径的方式和原理:document.getElementById(my-file).files

javascript获取file控件全路径

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>

?

热点排行