在jsp页面显示选择本地的图片代码

 1 function preview(file) {
    var prevDiv = document.getElementById('preview');
    if (file.files && file.files[0]) {
        // 支持大多数浏览器， 谷歌， 火狐， 360 ， 欧朋  IE10.
        var reader = new FileReader();
        //当图片加载完成到内存的时候
        // $(function(){})  ==> window.onload= function(){}
        reader.onload = function(evt) {
            prevDiv.innerHTML = '<img src="' + evt.target.result + '" width="100" height="100"/>';
        }
        reader.readAsDataURL(file.files[0]);
    } else {
        // 支持IE9以下的浏览器
        prevDiv.innerHTML = '<div class="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\''
                + file.value + '\'"></div>';
    }
}

 

<label>修改图片：</label>
<div class="lf salebd" id="preview"><a href="#"><img src="<%=path %>/images/ad20.jpg" width="100" height="100" /></a></div>
<input name="auctionPic" type="file" class="offset10 lf" onchange="preview(this)" />