vue显示二进制图片（后端返回byte数组）

作者：知新_RL | 2024-04-26 02:10:54

踩

vue显示二进制图片

vue显示二进制图片（后端返回byte数组）

这里以png为例：

<template>
	<img :src="imageUrl" />
</template>

<script>
export default {
    data() {
        return {
            imageUrl: ''
        }
    },
    methods: {
        getImage() {
            ...
            // 后端返回数据
           let res = 	'iVBORw0KGgoAAAANSUhEUgAAB4AAAAN8CAYAAAC5vbe3AAAAAXNSR0IArs4c6QAAIABJREFUeF7sfXm8XtPV//e58zxnDk0oEtJIDEHNgkpoKyoRKkHRvi2KmKnxRcyqhg5oJTGGn/AWMQ'
 
    
		    // 处理图片
		    this.imageUrl = 'data:image/png;base64,' + res;
		    ...
		 }
    }
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/知新_RL/article/detail/488392