Laravel 8イメージアップロード例のためのチュートリアル

12765 ワード
laravel tutorial テキストリンク
もともとhttps://codeanddeploy.com訪問し、サンプルコードをダウンロードしてください
このポストでは、私はLaravel 8にイメージをアップロードする方法の例を共有します.laravelアプリケーションを開発するときは、アップロード画像の機能が常にあります.通常、我々はユーザーのいくつかの検証目的のために自分のプロフィール写真をアップロードする必要があります.またはLALAVELアプリケーションのギャラリーモジュールです.したがって、この例では、ララベル画像のアップロードに関する例を示します.
https://codeanddeploy.com/blog/laravel/tutorial-for-laravel-8-image-upload-example

ステップ1：ラーラベルインストール


ローカルにLaravel 8をインストールしていない場合は、以下のコマンドを実行します.
composer create-project --prefer-dist laravel/laravel image-upload

ステップ2 :作成コントローラ


次に、ララヴィル画像アップロード用のコントローラを作成します.次のコマンドを実行します.
php artisan make:controller ImageUploadController

ステップ3：ルートを作成する


次に、我々のルートを追加します.ナビゲーションルート/ウェブ.PHPで次のコードを追加します.
<?php

use Illuminate\Support\Facades\Route;

/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/

Route::group(['namespace' => 'App\Http\Controllers'], function()
{   
    Route::get('/image-upload', 'ImageUploadController@index')->name('image-upload.index');
    Route::post('/image-upload', 'ImageUploadController@upload')->name('image-upload.post');
});

ステップ4 :セットアップコントローラのメソッド


今、私たちのlaravelイメージアップロードコントローラのメソッドを作成できます.
<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Http\Requests\ImageUploadRequest;

class ImageUploadController extends Controller
{
    public function index() 
    {
        return view('image-upload.index');
    }

    public function upload(ImageUploadRequest $request) 
    {
        $filename = time() . '.' . $request->image->extension();

        $request->image->move(public_path('images'), $filename);

        // save uploaded image filename here to your database

        return back()
            ->with('success','Image uploaded successfully.')
            ->with('image', $filename); 
    }
}

ステップ5 : Laravelイメージアップロード要求を作成する


次に、検証要求を追加します.次のコマンドを実行します.
php artisan make:request ImageUploadRequest

ステップ6 :ビューを追加


次に、私たちのイメージアップロードインデックスのビューを追加します.ブレード.PHPディレクトリリソース/ビューを移動し、[画像のアップロード]フォルダーを作成します.
次に、ファイルインデックスを作成します.ブレード.PHPは以下のコードを参照してください.
<!DOCTYPE html>
    <html>

    <head>
        <meta charset="utf-8" />
        <meta name="csrf-token" content="{{ csrf_token() }}">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Laravel 8 Image Upload Example - codeanddeploy.com</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
    </head>

    <body>
        <div class="container mt-5">
            @if(Session::get('success', false))
              <?php $data = Session::get('success'); ?>
              @if (is_array($data))
                  @foreach ($data as $msg)
                      <div class="alert alert-success" role="alert">
                          <i class="fa fa-check"></i>
                          {{ $msg }}
                      </div>
                  @endforeach
              @else
                  <div class="alert alert-success" role="alert">
                      <i class="fa fa-check"></i>
                      {{ $data }}
                  </div>
              @endif

              <img src="images/{{ Session::get('image') }}" width="200px">
            @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">
                        @if ($errors->has('image'))
                            <span class="text-danger text-left">{{ $errors->first('image') }}</span>
                        @endif
                    </div>

                    <div class="col-md-6">
                        <button type="submit" class="btn btn-success">Upload</button>
                    </div>

                </div>
            </form>
        </div>
    </body>
</html>
今テストします.以下のコマンドを実行します.
php artisan serve
次に、ブラウザにこのURLを押します
今、あなたはLaraVel 8で画像をアップロードする簡単な機能を持っています.私はこのチュートリアルを助けることを望む.あなたがこのコードをダウンロードしたいならば、親切に をここで訪問してください.
ハッピーコーディング
反応における回想とその神話
Rolavel 8でプライマリキーとタイムスタンプを変更する