m.farid
4 سال پیش توسط m.farid مطرح شد
1 پاسخ

آپلود و نمایش چندین عکس در صفحه ایجاد محصول

سلام
وقت بخیر
آموزش ساخت فروشگاه لاراول رو ازتون گرفتیم و اجرا کردیم عالی بود ولی برای اضافه کردن چندین عکس برای یک محصول به مشکل برخوردیم
گالری رو توی روت اصلی تونستیم پیاده کنیم که چند تا عکس بگیره و ذخیره هم میشه ولی توی محصولات 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>"


ثبت پرسش جدید
Reza Jashnsaz
تخصص : مهندس نرم افزار
@rezajashnsaz0011 4 سال پیش مطرح شد
0

باید یه جدول جدا بسازید ک رابطه یک ب چند داشته باشه.... بعد دیگه اپلود عکس معمولی میشه دیگه . میتونید از dropzone هم استفاده کنید واسه اپلود چنتایی


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام