在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)" />