JSP:在本地获取图片后当即展现选择的图片

以前在上传图片的时候,不能直接将图片展现出来,下降了用户的体验度,因此找到了这个方法,上传图片以后,用户能够很直接的看到选择的图片this

 

JSP页面展现:spa

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展现:code

1         function showImg(cell){
2              document.getElementById('getImg').src= window.URL.createObjectURL(cell.files[0]);
3             
4         }
相关文章
相关标签/搜索