<template>
<div class="component-content">
<img :src="imagesrc" alt="ICON图片">
</div>
</template>
<script>
import axios from 'axios'
export default {
data() {
return {
path: 'E:\\HS21\\data\\model\\component\\thumbnail\\232132131123112.jpg',
imagesrc: '',
};
},
mounted() {
this.getImage(this.path)
},
methods: {
getImage(path) {
let that = this;
axios({
method: "GET",
url: `http://192.168.0.252:32666/component/getIcon?iconPath=${path}`,
responseType: "arraybuffer", //这个在请求头里必须加
})
.then((res) => {
return (
"data:image/png;base64," +
btoa(
new Uint8Array(res.data).reduce(
(data, byte) => data + String.fromCharCode(byte),
""
)
)
);
})
.then((res) => {
that.imagesrc = res;
console.log('res',res)
})
.catch((e) => {
console.log(e);
});
},
},
}
</script>
<style lang="scss" scoped>
</style>
前端 图片流转换成base64
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- TODO1:将字符串转换成Bitmap类型(Base64字符串转换成图片) TODO2:二进制流转换为Bitmap...
- 问题现象:用vue框架开发的一个demo项目,在本地测试运行发现图片资源变成了base64格式,然后换了一张图片(...
- 将图片转换成base64 在前端使用标签显示出来 Java 端代码 根据图片绝对路径获取图片的base64编码 只...
- 一:我用的是具有拖拽功能的上传图片的组件: 二:上传图片,因为要限制图片的格式,还要转换成base64,所以我用的...