<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>
前端 圖片流轉(zhuǎn)換成base64
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門蛀恩，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人茂浮，你說我怎么就攤上這事双谆。” “怎么了席揽？”我有些...
- 文/不壞的土叔 我叫張陵顽馋，是天一觀的道長。 經(jīng)常有香客問我幌羞，道長寸谜，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任属桦，我火速辦了婚禮熊痴，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘聂宾。我一直安慰自己果善，他們只是感情好，可當(dāng)我...
- 文/花漫 我一把揭開白布系谐。 她就那樣靜靜地躺著巾陕，像睡著了一般。 火紅的嫁衣襯著肌膚如雪纪他。 梳的紋絲不亂的頭發(fā)上鄙煤，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼沟于！你這毒婦竟也來了咳胃？” 一聲冷哼從身側(cè)響起，我...
- 正文 年R本政府宣布葛虐，位于F島的核電站，受9級特大地震影響棉钧，放射性物質(zhì)發(fā)生泄漏屿脐。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一宪卿、第九天 我趴在偏房一處隱蔽的房頂上張望的诵。 院中可真熱鬧，春花似錦佑钾、人聲如沸西疤。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽瘪阁。三九已至，卻和暖如春邮偎，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背义黎。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- TODO1:將字符串轉(zhuǎn)換成Bitmap類型（Base64字符串轉(zhuǎn)換成圖片） TODO2:二進制流轉(zhuǎn)換為Bitmap...
- 問題現(xiàn)象：用vue框架開發(fā)的一個demo項目个初，在本地測試運行發(fā)現(xiàn)圖片資源變成了base64格式，然后換了一張圖片（...
- 這是新項目中把統(tǒng)計圖表導(dǎo)出到文檔的小功能猴蹂，現(xiàn)在寫出來方便自己在往后遇到找到院溺。
- 將圖片轉(zhuǎn)換成base64 在前端使用標(biāo)簽顯示出來 Java 端代碼 根據(jù)圖片絕對路徑獲取圖片的base64編碼 只...
- 一：我用的是具有拖拽功能的上傳圖片的組件： 二：上傳圖片，因為要限制圖片的格式磅轻，還要轉(zhuǎn)換成base64珍逸，所以我用的...
