vue/js 前端Img显示后端返回的base64图像字符拼接的两种方法
一、直接字符串拼接<vxe-table-column field="site_photo" title="照片" align="left" show-overflow="tooltip"width="80px"><template v-slot="{ row }"><el-avatar fit="scale-down" :src="'data:image/jpg;ba
·
一、直接字符串拼接
<vxe-table-column field="site_photo" title="照片" align="left" show-overflow="tooltip" width="80px">
<template v-slot="{ row }">
<el-avatar fit="scale-down" :src="'data:image/jpg;base64,'+row.site_photo"></el-avatar>
</template>
</vxe-table-column>
二、通过方法返回
<vxe-table-column field="site_photo" title="照片" align="left" show-overflow="tooltip" width="80px">
<template v-slot="{ row }">
<el-avatar fit="scale-down" :src="getBase64()+row.site_photo"></el-avatar>
</template>
</vxe-table-column>
getBase64 () {
return 'data:image/jpg;base64,'
},
更多推荐
已为社区贡献1条内容
所有评论(0)