您的当前位置:首页正文

uniapp获取base64数据流并展示

2024-11-28 来源:个人技术集锦

uniapp/vue获取base64数据流并展示(支付宝小程序)


一、HTML

代码如下(示例):

<view class="code" v-on:click="getCode">
	<image :src="'data:image/png;base64,'+codeUrl"></image>
</view>

#二、js

代码如下(示例):

data() {
	return {
		codeUrl: "",
		},
	}
onLoad(option) {
	this.getCode()
}
methods: {
	getCode() {
		let _that=this
		my.request({
			url: 'https://xxxx.com',
			method:"GET",
			responseType: 'blob',//返回数据类型
			dataType: 'base64',
		  	success: function(res) {
				_that.codeUrl=res.data
			},
			fail: function(res) {
				uni.showToast({
					title: "获取验证码失败..",
				})
			},
		})
	},
}

总结

上文解决完发现在ios端图片不显示!解决这个问题请点击–>
提示:如有不正,望指出!

显示全文