tejariapp-new-logotejariapp-new-logotejariapp-new-logotejariapp-new-logo
  • صفحه اصلی
  • پروژه ها
    • پروژه طراحی سایت
    • پروژه های اندروید
    • پروژه های تحت ویندوز
    • UI & UX
    • ربات تلگرام
  • سفارش پروژه
    • انجام پروژه اندروید (Android)
    • طراحی و ساخت اپلیکیشن موبایل
    • انجام پروژه طراحی سایت با php
    • انجام پروژه طراحی سایت با Asp.net
    • انجام پروژه سی شارپ
    • فرم سفارش پروژه
  • مدرسه ی تجاری اپ
    • طراحی سایت
    • اندروید
    • سی شارپ
    • آموزش پایگاه داده
    • برنامه های کاربردی
  • لینک های مفید
    • پرداخت آنلاین
    • درباره تجاری اپ
    • تماس با ما
استخدام برنامه نویس متلب
سفارش پروژه
✕
            هیچ نتیجه ای یافت نشدمشاهده همه نتایج

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

            • صفحه نخست
            • مدرسه ی تجاری اپ آموزش طراحی سایت
            • آموزش آپلود عکس در لاراول 6
            آموزش لاراول 6 - آموزش Laravel 6
            آموزش لاراول 6 از ابتدا | گام به گام
            28 شهریور 1398
            سورس اپلیکیشن مارکت پلیس و فروشگاه اندروید
            سورس اپلیکیشن مارکت پلیس (فروشگاه چند فروشنده) اندروید
            6 مهر 1398
            منتشر شده توسط مدیر سایت
            آموزش آپلود عکس در لاراول 6

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

            آموزش آپلود عکس در لاراول 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 .پس کدهای زیر را به فایل کنترلی که ایجاد کردید اضافه کنید:

            همچنین بخوانید: آموزش آپلود چندین عکس با Dropzone در لاراول 5.8

            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 ایجاد کنید.

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

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

            اشتراک گذاری

            پست های مرتبط

            دستورات جریان کنترل (Control flow statements) یا دستورات شرطی و حلقه ها در زبان برنامه نویسی دارت Dart

            دستورات جریان کنترل (Control flow statements) یا دستورات شرطی و حلقه ها در زبان برنامه نویسی دارت Dart

            30 بهمن 1400

            دستورات شرطی و حلقه ها در زبان برنامه نویسی دارت (Dart)


            ادامه مطلب
            آموزش عملگرها یا Operator ها در زبان برنامه نویسی دارت یا Dart

            آموزش عملگرها یا Operator ها در زبان برنامه نویسی دارت یا Dart

            30 بهمن 1400

            آموزش عملگرها یا Operator ها در زبان برنامه نویسی دارت (Dart)


            ادامه مطلب
            توابع در زبان برنامه نویسی دارت (Dart)

            توابع در زبان برنامه نویسی دارت (Dart)

            27 بهمن 1400

            توابع در زبان برنامه نویسی دارت (Dart)


            ادامه مطلب

            1 Comment

            1. خدابنده گفت:
              16 خرداد 1399 در 11:36

              ممنون از آموزش مفیدتووووون

              پاسخ

            دیدگاهتان را بنویسید لغو پاسخ

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

            ساخت اپلیکیشن های موبایل

            • ساخت اپلیکیشن فروشگاهی
            • ساخت اپلیکشن ابزاری و خدماتی
            • ساخت اپلیکیشن آموزشی
            • و هزاران موضوع دیگر

             
            کلیک کنید

            آخرین دیدگاه ها

            • 7 خرداد 1401

              داودی نظر در آموزش استفاده از ckeditor همراه با آپلود عکس در لاراول 6

            • 6 فروردین 1401

              yasaman نظر در راست چین کردن متن در فیگما Figma

            • 3 فروردین 1401

              رضا نظر در مفاهیم Observable و Observer در RxJava

            تجاری اپ در شبکه های اجتماعی

            لوگوی تایید پرداخت آنلاین

            2015-2022 © تمامي حقوق مادي و معنوي اين وب سايت نزد تجاری اپ محفوظ بوده و هر گونه کپي برداري از مطالب پيگرد قانوني به همراه دارد! | طراح سایت : ProgRun
            سفارش پروژه
                      هیچ نتیجه ای یافت نشدمشاهده همه نتایج