uniapp图片base64格式加载不出来
文章描述:
uniapp页面image图片加载base64失败
原因:
1、图片转base64后会多了很多换行符号,需要过滤处理掉换行符
base64格式
<template>
<view>
<view class="content">
<image :src="base64Code" ></image>
</view>
</view>
</template>
<script>
export default {
data() {
return {
base64Code: '',
}
},
onLoad() {
let base64 = '';
this.base64Code = this.filterBase64(base64);
},
methods: {
filterBase64(codeImages){
return codeImages.replace(/[\r\n]/g, "");
}
}
}
</script>
注意:
var code = 'data:image/jpeg;base64,'+ base64Code
发布时间:2023/02/25
发表评论