我是靠谱客的博主 迅速美女,最近开发中收集的这篇文章主要介绍【jquery加载后台返回的二维码图片】,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

昨天图片加载一个二维码,那玩意本地环境、测试环境还不能测试。

//最大的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);
				}
		})
	}

最后

以上就是迅速美女为你收集整理的【jquery加载后台返回的二维码图片】的全部内容,希望文章能够帮你解决【jquery加载后台返回的二维码图片】所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(32)

评论列表共有 0 条评论

立即
投稿
返回
顶部