Bagaimana cara menampilkan gambar gumpalan mysql dalam html menggunakan Vuejs?

Yang Anda inginkan adalah url data . Anda perlu mengonversi larik byte ke base64. Tidak ada cara untuk menggunakan byte mentah. Mungkin lakukan ini di properti yang dihitung, menggunakan salah satu larik byte untuk fungsi base64 .

Markup

<img :src="dataUrl">

Perilaku (belum teruji!)

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

Cari hati nurani Anda. Ini benar-benar bukan ide yang bagus :-) Mengirim gambar sebagai larik byte yang dikodekan JSON adalah sesuatu yang belum pernah saya lihat, dan kira-kira, kira-kira, 10x lebih besar daripada gambar biner. Gambar dalam DB adalah antipattern . Gambar di JSON berfungsi, tetapi harus dikodekan sebagai string base64 di JSON. Meski begitu, mereka mengurangi keterbacaan JSON, dan dapat mengubur alat seperti Postman. Url data jauh lebih lambat untuk memuat dari url biasa. Bahkan dengan gambar di DB, jika Anda mengontrol api, Anda bisa mendapatkan banyak hal dengan membuat api gambar yang mengembalikan hanya larik byte, dengan tipe mime application/jpeg.