备份:上传时获取文件的完整路径图片预览的js代码(兼容Firfox和IE)

2010年10月14日 03:57 by:lao8

备份:目前由于浏览器版本多而出现兼容性问题,IE下可用的图片预览在用其它浏览器是可能就不好用了。

处于安全考虑,firefox和谷歌浏览器等会只会显示上传文件的文件名字而不显示完整路径,这就导致了上传图片时预览图片成为一个bug,目前只找到兼容Firfox和IE的js图片上传预览的解决方法,而谷歌浏览器还没有找到,期待js高手给个答案。

备份代码如下:

<html>
    <head>
        <title>get file input full path</title>
    <script language='javascript'>
 //alert(navigator.userAgent);
        function getFullPath(obj)
        {
            if(obj)
            {
  
                //ie
                if (window.navigator.userAgent.indexOf("MSIE")>=1)
                {
                    obj.select();
                    return document.selection.createRange().text;
                }
                //firefox
                else if(window.navigator.userAgent.indexOf("Firefox")>=1)
                {
                    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>

如果您有解决谷歌浏览器(Chrome)图片预览的方法,请告知。