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

发表评论