Laravel Türkiye Discord Kanalı Forumda kod paylaşılırken dikkat edilmesi gerekenler!Birlikte proje geliştirmek ister misiniz?

Http Image response ile gelen resmi nasıl kullanabiliriz?

alihankoc

Merhabalar,
Bir vue uygulaması var, bir de laravel api.
Api ile vue uygulaması birbirinden tamamen ayrı. vue standalone bir vue uygulaması o yüzden bir resmin gerçek path'ine uzak sunucudan erişmek gerekiyor.
Ona karşılık api'de şöyle bir rota var.
/api/v1/users/me/avatar
bu rota bana auth olmuş kullanıcının profil resmini resim olarak dönüyor.
Yani resmin yolunu (path) değil de Intervention paketinden doğrudan resim olarak döndürüyor.
Http Content-Type image/png olarak resim geliyor.
Fakat bu resmi vue içinde nasıl kullanacağım konusunda sıkıntı yaşıyorum.
Bu resmi base64 e çevirip img tagının src'sine data:image/png;base64,... şeklinde bind ederek mi kullanmalıyım? Başka bir öneriniz var mı?

alihankoc

En doğru çözüm olarak şuna karar verdim.
Laravel'den response olarak data-url formatında response dönüyorum.

$image = (string) Image::make($request->user()->image)->resize(300,300)->encode('data-url');
return $image;

Data sonra vue js ile bu response'u alıp doğrudan aşağıdaki şekilde kullanıyorum.


<img :src="image" />

Birine lazım olur belki.

sineld

@alihankoc teşekkürler.