图片时，对图片进行预览

最新推荐文章于 2024-09-13 23:40:08 发布

转载最新推荐文章于 2024-09-13 23:40:08 发布 · 139 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/3229176/blog/1476507

jsp：

<div class="item3 item3-down">
   <span>*文件:</span>
   <div class="pageButton_empty file-ID">上传文件<input id="urlBusinessLicense" name="urlBusinessLicense" type="file" style="display:block;margin-top:20px;" onchange="preview2(this)"/></div>
   <div style="display:inline-block;color:#888;line-height:40px;height:40px;vertical-align:top;">（文件大小不得超过5M）</div>
   </div>
   <div id="yyzz" style="width:160px;height:200px;margin-left:185px;background-image:url('images/image.png');background-size:100%;background-repeat:no-repeat;background-position:center;background-color:#F5F5F5;"></div>

javascript
   function preview2(file){
       if (file.files && file.files[0]){
           var reader = new FileReader();
           reader.onload = function(evt){
              $("#yyzz").css("background-image", "url('"+evt.target.result+"')");
           }
           reader.readAsDataURL(file.files[0]);
       }else{
           $("#yyzz").css("background-image", "url('images/image.png')");
       }
   }

转载于:https://my.oschina.net/u/3229176/blog/1476507