سلام
وقت بخیر
آموزش ساخت فروشگاه لاراول رو ازتون گرفتیم و اجرا کردیم عالی بود ولی برای اضافه کردن چندین عکس برای یک محصول به مشکل برخوردیم
گالری رو توی روت اصلی تونستیم پیاده کنیم که چند تا عکس بگیره و ذخیره هم میشه ولی توی محصولات product نمیدونیم چجوری پیاده کنیم جوری که برای ایجاد محصول کاربر بتونه چند عکس رو در فرم اضافه کنه چون توی اکـثر آموزش ها گفته یه فرم ایجاد کنید توی ویو ولی ما اونجا چون برای تصویر شاخص محصول فرم داریم دیگه قبول نمیکنه یه فرم دیگه توی اون فرم ایجاد کنیم و ارور میده مخصوصا تو قسمت لیست کردن عکس ها
اینها روت هامونن :
"Route::group(['namespace' => 'Admin' , 'middleware' => ['auth' , 'checkAdmin'] , 'prefix' => 'admin'],function (){
$this->get('/panel' , 'PanelController@index')->name('admin.index');
$this->post('/panel/upload-image' , 'PanelController@uploadImageSubject');
$this->resource('articles' , 'ArticleController');
$this->resource('portfolios' , 'PortfolioController');
$this->resource('products' , 'ProductController');
$this->resource('contacts' , 'ContactController');
$this->resource('synergies' , 'SynergyController');
$this->resource('orders' , 'OrderController');
$this->resource('roles' , 'RoleController');
$this->resource('permissions' , 'PermissionController');"
این ها کد فرم هامونن :
"<div class="form-group pt-4">
<div class="row">
<div class="col-md-4 col-sm-4 text-right">
<label for="images" class="col-form-label">تصویر محصول</label>
<div class="fileinput fileinput-new pr-5 pt-4" data-provides="fileinput">
<div class="fileinput-new thumbnail">
@svg('upload')
</div>
<div class="fileinput-preview fileinput-exists thumbnail"></div>
<div>
<span class="btn btn-rose btn-round btn-file">
<span class="fileinput-new">انتخاب تصویر</span>
<span class="fileinput-exists">Change</span>
<input type="file" name="images" id="images" multiple="">
</span>
<a href="#pablo" class="btn btn-danger btn-round fileinput-exists"
data-dismiss="fileinput"><i class="fa fa-times"></i> Remove</a>
</div>
</div>
</div>
</div>
</div>
<div class="panel-body">
@if (count($errors) > 0)
<div class="alert alert-danger">
Please correct following errors:
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
<div class="form-group">
<input type="file" name="image[]" class="form-control-file" multiple>
</div>
<hr>
<h3>Listing Images</h3>
{{-- {{$photo = json_decode($photos->photo,true)}}--}}
@forelse($photos as $photo)
<div class="col-md-4">
<img src="{{ $photo->thumbnail }}" class="img-responsive">
</div>
@empty
No image found
@endforelse
</div><div class="form-group pt-4">
<div class="row">
<div class="col-md-4 col-sm-4 text-right">
<label for="images" class="col-form-label">تصویر محصول</label>
<div class="fileinput fileinput-new pr-5 pt-4" data-provides="fileinput">
<div class="fileinput-new thumbnail">
@svg('upload')
</div>
<div class="fileinput-preview fileinput-exists thumbnail"></div>
<div>
<span class="btn btn-rose btn-round btn-file">
<span class="fileinput-new">انتخاب تصویر</span>
<span class="fileinput-exists">Change</span>
<input type="file" name="images" id="images" multiple="">
</span>
<a href="#pablo" class="btn btn-danger btn-round fileinput-exists"
data-dismiss="fileinput"><i class="fa fa-times"></i> Remove</a>
</div>
</div>
</div>
</div>
</div>
<div class="panel-body">
@if (count($errors) > 0)
<div class="alert alert-danger">
Please correct following errors:
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
<div class="form-group">
<input type="file" name="image[]" class="form-control-file" multiple>
</div>
<hr>
<h3>Listing Images</h3>
{{-- {{$photo = json_decode($photos->photo,true)}}--}}
@forelse($photos as $photo)
<div class="col-md-4">
<img src="{{ $photo->thumbnail }}" class="img-responsive">
</div>
@empty
No image found
@endforelse
</div>"
باید یه جدول جدا بسازید ک رابطه یک ب چند داشته باشه.... بعد دیگه اپلود عکس معمولی میشه دیگه . میتونید از dropzone هم استفاده کنید واسه اپلود چنتایی
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟