图片时，对图片进行预览

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;" οnchange="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