分享我写的上传图片本地预览插件
uploadPreview.js
支持IE7-IE10 谷歌 火狐 等浏览器
基于JQUERY扩展,需要引用JQUERY库。
使用方法:  

<div>

        <img id="ImgPr" width="120" height="120" /></div>

    <input type="file" id="up" />

     把需要进行预览的IMG标签外 套一个DIV 然后给上传控件ID给予uploadPreview事件
     

$("#up").uploadPreview({ Img: "ImgPr", Width: 120, Height: 120, ImgType: ["gif", "jpeg", "jpg", "bmp", "png"], Callback: function () { }});  

简单 方便 上传图片本地预览 一步搞定
演示地址:http://jquery.decadework.com
下载地址:http://jquery.decadework.com/plugin/uploadPreview.zip
------解决方案--------------------

支持下
------解决方案--------------------
很不想打击你  冒昧问一句？你这个所谓的预览？实际上还是上传到服务器了吧？？
而且你的演示中 上传按钮呢？用户关心的 预览和上传应该是一个连体操作。
------解决方案--------------------
非常好 ！！

------解决方案--------------------
支持一下，很好！
------解决方案--------------------
哦，简单实用就好啦
------解决方案--------------------
不错，不过能否讲解下里面用到的几个window.createObjectURL、window.URL.createObjectURL、window.webkitURL.createObjectURL
------解决方案--------------------
非jquery版http://www.oschina.net/code/snippet_101410_11871
------解决方案--------------------
不错的点子，测试到Safari浏览器不支持：

<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();

    }else{

        var file=obj.files[0];

        src=window.createObjectURL&&window.createObjectURL(file)
------解决方案--------------------
window.URL&&window.URL.createObjectURL(file)
------解决方案--------------------
window.webkitURL && window.webkitURL.createObjectURL(file);

    }

    document.getElementById("img").src=src;

}

</script>

------解决方案--------------------
支持一下，本地预览不能做到兼容吧
------解决方案--------------------
支持一下