محمود الحبشمتاح لمشاريع جديدة
  • أعماليأعمالي
  • الخدماتالخدمات
  • المختبرالمختبر
  • المقالاتالمقالات
  • تواصلتواصل
عمّان--:--EN
المقالات/لارافيل

معاينة الصورة قبل الرفع في Livewire

اعرض معاينة الصورة قبل الرفع باستخدام Livewire.

16 يناير 2026دقيقة قراءةلارافيلRead in English

في هذه الصفحة

  1. المكون
  2. العرض
  3. مع التحميل

معاينة الصورة مع Livewire:

المكون

php
use WithFileUploads;

public $photo;

public function save()
{
    $this->validate([
        'photo' => 'image|max:1024',
    ]);
    
    $this->photo->store('photos');
}

العرض

blade
<input type="file" wire:model="photo">

@if ($photo)
    <img src="{{ $photo->temporaryUrl() }}">
@endif

<button wire:click="save">حفظ</button>

مع التحميل

blade
<div wire:loading wire:target="photo">
    جاري الرفع...
</div>
كل المقالات

تابع القراءة

  • نمط فئات الإجراءات في Laravel16 يناير 2026دقيقة قراءة
  • فئات الإجراءات في Laravel: مسؤولية واحدة16 يناير 2026دقيقة قراءة
  • تحديد معدل API في Laravel16 يناير 2026دقيقة قراءة