Giriş yapmadınız.

Duyuru

TÜRKÇE KİTAP DUYURUSU:
Laravel 5 : Laravel 5.1 Güzelliği (Türkçe)
Vue.js 2 : Vue.js 2 Majesteleri (Türkçe)

#1 27.04.2018 12:34:02

alihankoc
Üye
Kayıtlı: 14.09.2017
Mesajlar: 31

Http Image response ile gelen resmi nasıl kullanabiliriz?

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ı?

Son düzenleyen alihankoc (27.04.2018 12:42:00)

Çevrimdışı

#2 30.04.2018 16:48:32

alihankoc
Üye
Kayıtlı: 14.09.2017
Mesajlar: 31

Yanıt: Http Image response ile gelen resmi nasıl kullanabiliriz?

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. big_smile

Çevrimdışı

#3 30.04.2018 21:20:37

sineld
Yönetici
Yer: Bursa
Kayıtlı: 26.12.2012
Mesajlar: 1,306
Website

Çevrimdışı

Forum alt kısmı