آموزش لاراول 6 - آموزش Laravel 6
آموزش لاراول 6 از ابتدا | گام به گام
1398-06-28
سورس اپلیکیشن مارکت پلیس و فروشگاه اندروید
سورس اپلیکیشن مارکت پلیس و فروشگاه اندروید
1398-07-06

آموزش آپلود عکس در لاراول 6 ، آپلود عکس یک نیاز اصلی برای هر پروژه است ، بنابراین ما در این پست در قالب یک مثال ساده بارگذاری یا آپلود تصویر در Laravel 6 را به شما آموزش می دهیم.با ما همراه باشید.

آموزش آپلود عکس در لاراول 6

در این مثال ما دو مسیر (route) ایجاد می کنیم یکی برای متد get و یکی برای متد post .همچنین ما یک فرم ساده به همراه یک input از نوع file ایجاد می کنیم.بنابراین شما باید یک عکس ساده را انتخاب کنید و سپس آن را در دایرکتوری “images” از پوشه public بارگذاری یا آپلود نمایید.پس برای آموختن آموزش آپلود عکس در لاراول 6 مراحل ساده زیر را گام به گام دنبال کنید.

گام اول: نصب لاراول

اول از همه ، ما نیاز داریم نسخه جدید لاراول یعنی لاراول 6 را با استفاده از دستور زیر نصب کنیم. چون ما قصد داریم این مثال را از ابتدا به شما آموزش دهیم.بنابراین ترمینال یا خط فرمان (command prompt) خود را باز کنید و دستور زیر را اجرا کنید:

composer create-project --prefer-dist laravel/laravel blog

گام دوم: ایجاد route

در این مرحله ما دو مسیر یا route جدید به فایل web.php اضافه می کنیم یک مسیر برای تولید فرم و دیگری برای متد post.بنابراین route های زیر را به فایل مذکور اضافه کنید.

Route::get('image-upload', 'ImageUploadController@imageUpload')->name('image.upload');
Route::post('image-upload', 'ImageUploadController@imageUploadPost')->name('image.upload.post');

گام سوم: ایجاد کنترلر با نام ImageUploadController

در این مرحله ما باید یک کنترلر جدید با نام ImageUploadController ایجاد کنیم و متدهای imageUpload() و imageUploadPost() را در آن بنویسیم.یک متد برای مدیریت متد get و دیگری برای متد post .پس کدهای زیر را به فایل کنترلی که ایجاد کردید اضافه کنید:

app/Http/Controllers/ImageUploadController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class ImageUploadController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function imageUpload()
    {
        return view('imageUpload');
    }

    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function imageUploadPost(Request $request)
    {
        $request->validate([
            'image' =>  'required|image|mimes:jpeg,png,jpg,gif,svg|max:2048',
        ]);
        $imageName  =   time().'.'.$request->image->extension();
        $request->image->move(public_path('images'), $imageName);

        return back()
            ->with('success','عکس شما با موفقیت اپلود شد.')
            ->with('image',$imageName);
    }
}

گام چهارم: ایجاد فایل Blade برای آپلود عکس در لاراول

در این مرحله ما نیاز داریم یک فایل blade با نام imageUpload.blade.php ایجاد کنیم و در این فایل یک فرم همراه با یک دکمه آپلود فایل بسازیم.بنابراین کدهای زیر را کپی کنید و در فایل مذکور قرار دهید.

resources/views/imageUpload.blade.php

<!DOCTYPE html>
<html>
<head>
    <title>آموزش آپلود عکس در لاراول - وب سایت تجاری اپ</title>
    <link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
    <style>
        body{
            direction: rtl;
            text-align: right;
        }
    </style>
</head>

<body>
<div class="container">

    <div class="panel panel-primary">
        <div class="panel-heading"><h2>آموزش آپلود عکس در لاراول - وب سایت تجاری اپ</h2></div>
        <div class="panel-body">

            @if ($message = Session::get('success'))
                <div class="alert alert-success alert-block">
                    <button type="button" class="close" data-dismiss="alert">×</button>
                    <strong>{{ $message }}</strong>
                </div>
                <img src="images/{{ Session::get('image') }}">
            @endif

            @if (count($errors) > 0)
                <div class="alert alert-danger">
                    <strong>وای!</strong> در فایل ورودی شما مشکلی پیش آمد.
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <form action="{{ route('image.upload.post') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="row">

                    <div class="col-md-6">
                        <input type="file" name="image" class="form-control">
                    </div>

                    <div class="col-md-6">
                        <button type="submit" class="btn btn-success">بارگزاری</button>
                    </div>

                </div>
            </form>

        </div>
    </div>
</div>
</body>

</html>

گام پنجم: ایجاد دایرکتوری ” image”

در مرحله آخر ما نیاز داریم یک داریکتوری جدید ” image” با مجوز کامل ایجاد کنیم.بنابراین یک پوشه جدید در پوشه public ایجاد کنید.

پس از انجام این کار می توانید برنامه خود را بررسی کنید.

امیدوارم این آموزش برای شما مفیدبوده باشد…

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *