图片上传前预览

【Javascript】

下载

新闻

文章

图片上传前预览

一直以来对图片上传预览很是困惑，因类似firefox之类的浏览器不会让你读取type=file里的文件路径值。今天终于看到一个方法可以获取路径值，虽然是加密过的，但能正常预览图片。唯一的缺点是不支持苹果Safari浏览器。因为在Safari浏览器中obj.files[0]只返回文件名、文件大小、最后修改时间、文件类型。如果你能找到方法请告诉我，而且是非插件获取哦。

<input type="file" onchange="view(this)" />
<img src="" alt="" id="img">
<script type="text/javascript">
    function view(obj){
        var src="";
        if(document.all){
            obj.select();
            src = document.selection.createRange().text;
            document.selection.empty();
            if(/\.(gif|jpg|jpeg|png|bmp)/i.test(src)){
                document.getElementById("img").src=src;
            }else{
                alert("请选择图片！");
            }
        }else{
            var file=obj.files[0];//
            if(/^image\//i.test(file.type)){
                src=window.createObjectURL&&window.createObjectURL(file)||window.URL&&window.URL.createObjectURL(file)||window.webkitURL && window.webkitURL.createObjectURL(file);
                document.getElementById("img").src=src;
            }else{
                alert("请选择图片！");
            }
        }
    }
</script>