解决uniapp获取base64在ios端自带前缀(不显示)问题

程序员文章站 2022-06-15 09:42:10

base64在安卓需要拼接'data:image/png;base64,'ios自带'data:image/jpg;base64,'base64适配ios安卓base64在ios不显示...

前言

接口获取到的base64在安卓和ios是不同的。
安卓需要拼接’data:image/png;base64,‘而ios自带’data:image/jpg;base64,’
所以需要进行判断区分两种状态

提示：以下是本篇文章正文内容，下面案例仅供参考

一、html

代码如下（示例）：

<image :src="codeUrl"></image>

二、js代码

代码如下（示例）：

	export default {
		data() {
			return {
				codeUrl:'',
				}
			},
		methods: {
		//这里写获取验证码请求...成功时如下:
		success: function(res) {
			var codeImgUrl=res.data
			if (codeImgUrl.indexOf('data:image') != 0) {                       
				 //判断是否有前缀/没有则拼接(图片类型png,jpg按自己返回参数情况修改)                                              
				 codeImgUrl= 'data:image/png;base64,' +  codeImgUrl
			 }                
			that.codeUrl= codeImgUrl
			console.log('验证码',res.data)//打印结果如下图
		},
	}
}