上传图片实现预览

浏览器必须支持FileReader,先判断是否支持。

监听type属性等于file的input的change（值改变）事件。使用FileReader读取,讲读取到的内容给img的src.

本案例中的$("#check"),为图片的隐藏域。

if(typeof FileReader =='undefined'){

        return ;

    }   /*判断浏览器是否支持FileReader*/

    $("input[name='file']").change(function(e){

        var file = e.target.files[0];

        var reader = new FileReader();  

        reader.onload = function(e){

        $("#check").attr({'src':e.target.result});

        $("#check").show();

        }

       reader.readAsDataURL(file);

       });