js获取上传图片全路径，支持ie，firefox

最新推荐文章于 2022-03-22 00:42:03 发布

chenyijiu

最新推荐文章于 2022-03-22 00:42:03 发布

阅读量6.7k

点赞数

分类专栏： Javascript 文章标签： ie firefox input javascript file function

本文链接：https://blog.csdn.net/chenyijiu/article/details/3860896

版权

Javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在ie6中对于<input type="file" />通过obj.value是可以获取客户端选择文件的全路径的，但是到ie7就只能获取文件名，这对于onchange事件立即显示图片会有问题，可以用js方法解决

具体代码如下：

<html>
    <head>
        <title>get file input full path</title>
    <script language='javascript'>
        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" οnchange="document.getElementById('img').src=getFullPath(this);" />
    <img id="img" />
    </body>
</html>

chenyijiu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
5
评论
js获取上传图片全路径，支持ie，firefox

在ie6中对于通过obj.value是可以获取客户端选择文件的全路径的，但是到ie7就只能获取文件名，这对于onchange事件立即显示图片会有问题，可以用js方法解决具体代码如下： get file input full path function getFullPath(obj) { if(obj)
复制链接

扫一扫