Как да покажа mysql blob изображение в html с помощта на Vuejs?

Това, което искате, е URL адрес на данни . Ще трябва да преобразувате байтовия масив в base64. Няма начин да използвате необработените байтове. Може би направете това в изчислено свойство, като използвате един от байтовия масив за base64 функции .

Маркиране

<img :src="dataUrl">

Поведение (непроверено!)

computed : {
    dataUrl(){
        return 'data:image/jpeg;base64,' + btoa(
            new Uint8Array(this.info.image)
            .reduce((data, byte) => data + String.fromCharCode(byte), '')
        );
    }
}

Потърсете съвестта си. Това наистина не е добра идея :-) Изпращането на изображения като JSON кодиран масив от байтове е нещо Никога не съм виждал и предполагам, че ще бъде 10 пъти по-голямо в кабела от двоичното изображение. Изображенията в DB са антишаблон . Изображенията в JSON работят, но те трябва да бъдат кодирани като base64 низове в JSON. Дори тогава те намаляват четливостта на JSON и могат да заровят инструменти като Postman. URL адресите на данни са много по-бавни за зареждане от обикновените URL адреси. Дори и с изображения в DB, ​​ако контролирате своя api, можете да спечелите много, като създадете apis на изображения, който връща само масива от байтове, с мим тип application/jpeg.