JSP:在本地获取图片后立即展示选择的图片

之前在上传图片的时候,不能直接将图片展示出来,降低了用户的体验度,所以找到了这个方法,上传图片之后,用户可以很直接的看到选择的图片

 

JSP页面展示:

1  <div>
2      <!--显示要添加商品的图片  -->
3      <input class="input1 input2 input6" type="file" name="file" onchange="showImg(this)">
5      <img width="280px" id="getImg" >
6               
7                   
8 </div>

JS展示:

1         function showImg(cell){
2              document.getElementById('getImg').src= window.URL.createObjectURL(cell.files[0]);
3             
4         }

 

posted @ 2018-04-19 17:17  ztt_tttt  阅读(696)  评论(0编辑  收藏  举报