昨天图片加载一个二维码,那玩意本地环境、测试环境还不能测试。
//最大的div撑满 img 撑满 自己根据样式浮动大小 src属性为""
<div class="main-container" id="main-container">
<div class="main-container-inner">
<img type="text" style="width: 100%;height: 100%;margin-top: 40px" id="qrid" name="qrid" src="" class="form-control" />
<input type="text" style="display: none" id="comId" name="comId" class="form-control" th:value="${comId}"/>
</div>
</div>
<div th:replace="fragments/base :: scroll-up"></div>
</div>
src属性为""很重要哈!
必须要清楚你这个图片展示的格式,以及解码方式
//初始化拿取传递的属性去请求接口内的二维码
window.onload = function () {
submitDzyyzz();
}
function submitDzyyzz() {
$.ajax({
url:"",
data:{},
dataType:'json',
type:"post",
success:function(data){
if(data.status == "1" || data.status == 1) {
console.log(data);
//我拿到是自带解码的二维码,如未获取获取到data:image/jpeg;base64
//请酌情自行修改data:image/**;base64
$("#qrid").attr('src','data:image/jpeg;base64,'+data.qrimage)
$("#qrid").attr('src',data.qrimage);
}
})
}