Potrzebujesz adresu URL danych . Będziesz musiał przekonwertować tablicę bajtów na base64. Nie ma możliwości wykorzystania surowych bajtów. Być może zrób to we właściwości obliczonej, używając jednej z tablic bajtów do funkcje base64 .
Znaki
<img :src="dataUrl">
Zachowanie (niesprawdzone!)
computed : {
dataUrl(){
return 'data:image/jpeg;base64,' + btoa(
new Uint8Array(this.info.image)
.reduce((data, byte) => data + String.fromCharCode(byte), '')
);
}
}
Zbadaj swoje sumienie. To naprawdę nie jest dobry pomysł :-) Wysyłanie obrazów jako tablicy bajtów zakodowanej w formacie JSON to coś, nigdy nie widziałem i będzie około 10 razy większe na przewodzie niż obraz binarny. Obrazy w bazie danych są antywzorcami . Obrazy w JSON działają, ale powinny być zakodowane jako ciągi base64 w JSON. Nawet wtedy zmniejszają czytelność JSON i mogą zakopać narzędzia takie jak Postman. Adresy URL danych są znacznie wolniejsze do załadowania niż zwykłe adresy URL. Nawet w przypadku obrazów w bazie danych, jeśli kontrolujesz swoje API, możesz wiele zyskać, tworząc interfejsy obrazów, które zwracają tylko tablicę bajtów, z typem mime application/jpeg.
