اضافه حقل جديد jetstream

قم بإضافة الحقل في نموذج الـ Livewire عبر تحديث النموذج الذي تستخدمه لتحميل الصورة فأنت لم تقدم معلومات أو شيفرة توضح النموذج الذي تعمل عليه، حسنا لا بأس، قم بإضافة الحقل كما أشرنا على هذا النحو:

public $photo;

protected $rules = [
       'photo' => 'image|max:1024'
];

ثم أضف حقل الإدخال لتحميل الصورة في ملف الـ Blade:

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

وبعد أن يتم تحميل الصورة، استخدم الوظيفة store لحفظها في public/storage، ثم احفظ الرابط في قاعدة البيانات وهذا مثال عملي على ذلك:

public function store()
{
       $this->validate();

       if ($this->photo) {
           $path = $this->photo->store('photos', 'public');
           Model::create([
               'photo_path' => $path,
           ]);
       }
}

وعندما تريد عرض الصور من قاعدة البيانات، استخدم الدالة Storage::url() للحصول على الرابط العام للصورة:

<img src="{{ Storage::url($model->photo_path) }}" alt="صورة">

ثم قم بتشغيل الأمر:

php artisan storage:link

 لإنشاء الرابط الرمزي.

بتاريخ 11 دقائق مضت قال عبد الوهاب بومعراف:

قم بإضافة الحقل في نموذج الـ Livewire عبر تحديث النموذج الذي تستخدمه لتحميل الصورة فأنت لم تقدم معلومات أو شيفرة توضح النموذج الذي تعمل عليه، حسنا لا بأس، قم بإضافة الحقل كما أشرنا على هذا النحو:

public $photo;

protected $rules = [
       'photo' => 'image|max:1024'
];

ثم أضف حقل الإدخال لتحميل الصورة في ملف الـ Blade:

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

وبعد أن يتم تحميل الصورة، استخدم الوظيفة store لحفظها في public/storage، ثم احفظ الرابط في قاعدة البيانات وهذا مثال عملي على ذلك:

public function store()
{
       $this->validate();

       if ($this->photo) {
           $path = $this->photo->store('photos', 'public');
           Model::create([
               'photo_path' => $path,
           ]);
       }
}

وعندما تريد عرض الصور من قاعدة البيانات، استخدم الدالة Storage::url() للحصول على الرابط العام للصورة:

<img src="{{ Storage::url($model->photo_path) }}" alt="صورة">

ثم قم بتشغيل الأمر:

php artisan storage:link

 لإنشاء الرابط الرمزي.

اعلم بهذي الطريقه اليدويه انا اقصد هل تتم عبر jetstream مثل لقد اضفت حقول ثانيه مثل اسم المستخدم والعنوان بمجرب الذهاب الى ملف forify create new user واضافه الحقول تعمل جيداً ولكن المشكله في الصوره 

بتاريخ الآن قال عبدالرحمن عبدالله14:

اعلم بهذي الطريقه اليدويه انا اقصد هل تتم عبر jetstream مثل لقد اضفت حقول ثانيه مثل اسم المستخدم والعنوان بمجرب الذهاب الى ملف forify create new user واضافه الحقول تعمل جيداً ولكن المشكله في الصوره 

 public function create(array $input): User

    {

        Validator::make($input, [

            'name' => ['required', 'string', 'max:255'],

            'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],

            'password' => $this->passwordRules(),

            'profile_photo_path' => ['required','image','max:1024'],

            'terms' => Jetstream::hasTermsAndPrivacyPolicyFeature() ? ['accepted', 'required'] : '',

        ])->validate();

        return User::create([

            'name' => $input['name'],

            'email' => $input['email'],

            'profile_photo_path'=> $input['profile_photo_path'],

            'password' => Hash::make($input['password']),

        ]);

    } هنا لقد قمت باضافه الحقل profile_photo_path لقد تخزن في قواعد البيانات الامتداد ولكن الصوره لم تكن موجود في السيرفر لعرضها

   <div class="mt-4">

                <x-label class="text-right" for="الصوره الشخصيه" value="{{ __('الصوره الشخصيه') }}" />

                <x-input id="profile_photo_path" class="block mt-1 w-full" type="file" name="profile_photo_path" :value="old('profile_photo_path')" required autocomplete="profile_photo_path"/>

            </div>

بتاريخ 16 دقائق مضت قال عبدالرحمن عبدالله14:

اعلم بهذي الطريقه اليدويه انا اقصد هل تتم عبر jetstream مثل لقد اضفت حقول ثانيه مثل اسم المستخدم والعنوان بمجرب الذهاب الى ملف forify create new user واضافه الحقول تعمل جيداً ولكن المشكله في الصوره 

 public function create(array $input): User

    {

 

        Validator::make($input, [

            'name' => ['required', 'string', 'max:255'],

            'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],

            'password' => $this->passwordRules(),

            'profile_photo_path' => ['required','image','max:1024'],

            'terms' => Jetstream::hasTermsAndPrivacyPolicyFeature() ? ['accepted', 'required'] : '',

        ])->validate();

 

        return User::create([

            'name' => $input['name'],

            'email' => $input['email'],

            'profile_photo_path'=> $input['profile_photo_path'],

            'password' => Hash::make($input['password']),

        ]);

    } هنا لقد قمت باضافه الحقل profile_photo_path لقد تخزن في قواعد البيانات الامتداد ولكن الصوره لم تكن موجود في السيرفر لعرضها

   <div class="mt-4">

                <x-label class="text-right" for="الصوره الشخصيه" value="{{ __('الصوره الشخصيه') }}" />

                <x-input id="profile_photo_path" class="block mt-1 w-full" type="file" name="profile_photo_path" :value="old('profile_photo_path')" required autocomplete="profile_photo_path"/>

            </div>

خاصية تعديل الصورة الشخصية للمستخدمين متاحة كخاصية إفتراضية في Jetstream، لا تحتاج إلى إنشائها من الصفر فقط عليك تفعيلها من خلال ملف الإعدادات: config/jetstream.php ستجد بداخل المفتاح features السطر التالي:

Features::profilePhotos(),

مُعلق قم بإزالة التعليق.

ثم ستتمكن من التعديل على الصورة الشخصية من خلال صفحة ال profile، إن أردت شيء مغاير يُمكنك الإشارة.

بتاريخ 4 دقائق مضت قال سمير عبود:

خاصية تعديل الصورة الشخصية للمستخدمين متاحة كخاصية إفتراضية في Jetstream، لا تحتاج إلى إنشائها من الصفر فقط عليك تفعيلها من خلال ملف الإعدادات: config/jetstream.php ستجد بداخل المفتاح features السطر التالي:

Features::profilePhotos(),

مُعلق قم بإزالة التعليق.

ثم ستتمكن من التعديل على الصورة الشخصية من خلال صفحة ال profile، إن أردت شيء مغاير يُمكنك الإشارة.

نعم التعديل يعمل ولكن انا عملت الحقل هذا في تسجيل مستخدم جديد لاتخزن في السيرفر امتداد الصوره موجود في قواعد البيانات ولكن لم يخزن عندي في الامتداد storage علماً قمت ب storage link  ولكن لايوجد اي صوره في الملفين public or storage

بتاريخ 12 دقائق مضت قال عبدالرحمن عبدالله14:

نعم التعديل يعمل ولكن انا عملت الحقل هذا في تسجيل مستخدم جديد لاتخزن في السيرفر امتداد الصوره موجود في قواعد البيانات ولكن لم يخزن عندي في الامتداد storage علماً قمت ب storage link  ولكن لايوجد اي صوره في الملفين public or storage

تحتاج إلى إضافة الحقل لإستمارة التسجيل:

<div class="mt-4">
  <x-label for="photo" value="{{ __('Photo') }}" />
  <x-input id="photo" class="block mt-1 w-full" type="file" name="photo" />
</div>

تحتاج التعديل على عُنصر الإستمارة بإضافة:

<form method="POST" action="{{ route('register') }}" enctype="multipart/form-data">
                                                     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^

بعدها تحتاج إلى التعديل على التابع المسؤول عن إضافة السجل:

بإضافة التحقق:

Validator::make($input, [
  'name' => ['required', 'string', 'max:255'],
  'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
  'password' => $this->passwordRules(),
  'terms' => Jetstream::hasTermsAndPrivacyPolicyFeature() ? ['accepted', 'required'] : '',
  'photo' => ['nullable', 'mimes:jpg,jpeg,png', 'max:1024'], // إضافة التحقق
])->validate();

ثم بعد إنشاء المستخدم تقوم بتعديل الصورة في حالة ما إذا كان الطلب به ملف صورة:

$user = User::create([
  'name' => $input['name'],
  'email' => $input['email'],
  'password' => Hash::make($input['password']),
]);

if (isset($input['photo'])) {
  $user->updateProfilePhoto($input['photo']);
}

return $user;

تستطيع حفظ الصورة بنفسك قبل حفظ المستخدم، لكن بإمكانك أيضاً إستخدام نفس الخاصية الموجودة في التعديل، أي التابع updateProfilePhoto كما هو موضح أعلاه، التابع سيقوم بحفظ الصورة في المجلد storage و يُعدل على حقل الصورة في قاعدة البيانات أيضاً.

بتاريخ منذ ساعة مضت قال سمير عبود:

تحتاج إلى إضافة الحقل لإستمارة التسجيل:

<div class="mt-4">
  <x-label for="photo" value="{{ __('Photo') }}" />
  <x-input id="photo" class="block mt-1 w-full" type="file" name="photo" />
</div>

تحتاج التعديل على عُنصر الإستمارة بإضافة:

<form method="POST" action="{{ route('register') }}" enctype="multipart/form-data">
                                                     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^

بعدها تحتاج إلى التعديل على التابع المسؤول عن إضافة السجل:

بإضافة التحقق:

Validator::make($input, [
  'name' => ['required', 'string', 'max:255'],
  'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
  'password' => $this->passwordRules(),
  'terms' => Jetstream::hasTermsAndPrivacyPolicyFeature() ? ['accepted', 'required'] : '',
  'photo' => ['nullable', 'mimes:jpg,jpeg,png', 'max:1024'], // إضافة التحقق
])->validate();

ثم بعد إنشاء المستخدم تقوم بتعديل الصورة في حالة ما إذا كان الطلب به ملف صورة:

$user = User::create([
  'name' => $input['name'],
  'email' => $input['email'],
  'password' => Hash::make($input['password']),
]);

if (isset($input['photo'])) {
  $user->updateProfilePhoto($input['photo']);
}

return $user;

تستطيع حفظ الصورة بنفسك قبل حفظ المستخدم، لكن بإمكانك أيضاً إستخدام نفس الخاصية الموجودة في التعديل، أي التابع updateProfilePhoto كما هو موضح أعلاه، التابع سيقوم بحفظ الصورة في المجلد storage و يُعدل على حقل الصورة في قاعدة البيانات أيضاً.

شكرا لقد نسيت enctype