uniapp base64转图片显示
时间: 2023-07-16 17:13:35 浏览: 183
你可以通过uniapp自带的base64解码方法将base64字符串转换成二进制数据,然后使用uniapp提供的Image组件进行显示。具体实现方法如下:
1. 使用uniapp提供的Base64.js文件中的方法解码,代码示例:
```
import base64 from '@/common/uniapp-base64.js'
let base64Str = 'data:image/png;base64,xxxxxxxxxx'; // base64字符串
let blob = base64.toBlob(base64Str);
let url = URL.createObjectURL(blob);
```
2. 在页面中使用Image组件显示图片,代码示例:
```
<template>
<div>
<image :src="imgUrl" />
</div>
</template>
<script>
export default {
data() {
return {
imgUrl: ''
}
},
mounted() {
let base64Str = 'data:image/png;base64,xxxxxxxxxx'; // base64字符串
let blob = base64.toBlob(base64Str);
this.imgUrl = URL.createObjectURL(blob);
}
}
</script>
```
注意:在使用完URL.createObjectURL方法后,需要手动释放URL对象,可以在组件销毁前调用URL.revokeObjectURL方法释放URL对象。
阅读全文