图片时,对图片进行预览

原创
2017/07/20 16:43
阅读数 79

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')");
                }
             }

 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部