Laravel 8 파일 업로드 예제

원래 게시된 @https://codeanddeploy.com 방문하여 샘플 코드 다운로드: https://codeanddeploy.com/blog/laravel/laravel-8-file-upload-example

이 게시물에서는 데이터베이스 구현으로 간단한 Laravel 8 파일 업로드를 구현하는 방법을 공유할 것입니다. 시간, 크기, MIME 유형에 따라 생성된 파일 이름을 저장하고 현재 로그인된 사용자와 연결합니다. Laravel을 사용하여 애플리케이션을 개발할 때 일반적으로 간단한 시스템에서도 파일 업로드가 항상 존재합니다.







내 간단한 단계를 따르고 그들로부터 배우십시오.

Laravel 8 프로젝트가 로컬에 이미 있다고 가정하므로 해당 프로세스를 건너뛸 것입니다. Laravel 설치 방법에 대한 자세한 내용은 documentation을 방문하십시오.

좋아, 시작하자.

1단계: 파일 업로드 마이그레이션 만들기

먼저 파일 모델에 대한 파일 테이블 마이그레이션을 생성합니다. 이를 위해 다음 명령을 실행하십시오.

php artisan make:migration create_files_table

그런 다음 마이그레이션 필드를 추가합니다. 마이그레이션에 대한 전체 코드는 아래를 참조하십시오.

<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

class CreateFilesTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('files', function (Blueprint $table) {
            $table->id();
            $table->unsignedBigInteger('user_id');
            $table->string('name');
            $table->string('type');
            $table->string('size');
            $table->timestamps();

            $table->foreign('user_id')
                ->references('id')
                ->on('users')
                ->onDelete('cascade');
        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('files');
    }
}

다음으로 다음을 실행해야 합니다.

php artisan migrate

2단계: 파일 업로드 컨트롤러 및 모델 생성

File 모델로 FileController를 생성하려면 아래 명령을 사용하십시오.

php artisan make:controller FilesController --model=File

3단계: 파일 업로드 경로 만들기

이제 파일 업로드를 위한 경로를 만들어 보겠습니다.

/**
* File Upload Routes
*/
Route::get('/files', 'FilesController@index')->name('files.index');
Route::get('/files/add', 'FilesController@create')->name('files.create');
Route::post('/files/add', 'FilesController@store')->name('files.store');

4단계: 모델 설정

다음으로 파일 모델을 설정합니다. 완료된 설정은 아래를 참조하십시오.

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;

class File extends Model
{

    protected $table = 'files';

    protected $fillable = [
        'user_id',
        'name',
        'type',
        'size'
    ];

    use HasFactory;
}

5단계: 컨트롤러 설정

store() 방법의 파일 업로드를 포함하여 컨트롤러의 전체 코드를 아래에서 참조하십시오.

<?php

namespace App\Http\Controllers;

use App\Models\File;
use Illuminate\Http\Request;
use Illuminate\Http\UploadedFile;
use App\Http\Requests\StoreFileRequest;

class FilesController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        $files = File::all();

        return view('files.index', [
            'files' => $files
        ]);
    }

    /**
     * Show the form for creating a new resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function create()
    {
        return view('files.create');
    }

    /**
     * Store a newly created resource in storage.
     *
     * @param  StoreFileRequest  $request
     * @return \Illuminate\Http\Response
     */
    public function store(StoreFileRequest $request)
    {
        $fileName = auth()->id() . '_' . time() . '.'. $request->file->extension();  

        $type = $request->file->getClientMimeType();
        $size = $request->file->getSize();

        $request->file->move(public_path('file'), $fileName);

        File::create([
            'user_id' => auth()->id(),
            'name' => $fileName,
            'type' => $type,
            'size' => $size
        ]);

        return redirect()->route('files.index')->withSuccess(__('File added successfully.'));
    }

}

6단계: StoreFileRequest 생성

이제 저장/업로드 파일에 대한 요청 클래스를 생성해 보겠습니다. 아래 명령을 실행합니다.

php artisan make:request StoreFileRequest

StoreFileRequest 클래스가 생성된 후 유효성 검사를 위해 아래 코드를 확인하십시오.

<?php

namespace App\Http\Requests;

use Illuminate\Foundation\Http\FormRequest;

class StoreFileRequest extends FormRequest
{
    /**
     * Determine if the user is authorized to make this request.
     *
     * @return bool
     */
    public function authorize()
    {
        return true;
    }

    /**
     * Get the validation rules that apply to the request.
     *
     * @return array
     */
    public function rules()
    {
        return [
            'file' => 'required|file|mimes:jpg,jpeg,bmp,png,doc,docx,csv,rtf,xlsx,xls,txt,pdf,zip'
        ];
    }
}

7단계: 보기 만들기

먼저 index.blade.php를 생성합니다(아래 전체 코드 참조).

@extends('layouts.app-master')

@section('content')
    <div class="bg-light p-5 rounded">
        <h1>Files</h1>
        <a href="{{ route('files.create') }}" class="btn btn-primary float-right mb-3">Add file</a>

        @include('layouts.partials.messages')

        <table class="table table-striped">
          <thead>
            <tr>
              <th scope="col">#</th>
              <th scope="col">Name</th>
              <th scope="col">Size</th>
              <th scope="col">Type</th>
              <th scope="col">Action</th>
            </tr>
          </thead>
          <tbody>
            @foreach($files as $file)
              <tr>
                <td width="3%">{{ $file->id }}</td>
                <td>{{ $file->name }}</td>
                <td width="10%">{{ $file->size }}</td>
                <td width="10%">{{ $file->type }}</td>
                <td width="5%"><a href="{{ $file->type }}" class="btn btn-danger btn-sm">Delete</a></td>
              </tr>
            @endforeach
          </tbody>
        </table>
    </div>
@endsection

둘째, 업로드 파일용create.blade.php입니다.

@extends('layouts.app-master')

@section('content')
    <div class="bg-light p-5 rounded">
        <h1>Add file</h1>

        <form action="{{ route('files.store') }}" method="post" enctype="multipart/form-data">
            @include('layouts.partials.messages')
            @csrf
            <div class="form-group mt-4">
              <input type="file" name="file" class="form-control" accept=".jpg,.jpeg,.bmp,.png,.gif,.doc,.docx,.csv,.rtf,.xlsx,.xls,.txt,.pdf,.zip">
            </div>

            <button class="w-100 btn btn-lg btn-primary mt-4" type="submit">Save</button>
        </form>

    </div>
@endsection

input=file에서 볼 수 있듯이 값이 ".jpg,.jpeg,.bmp,.png,.gif,.doc,.docx,.csv,.rtf,.xlsx,.xls인 수락 속성을 추가했습니다. ,.txt,.pdf,.zip"지정된 파일 확장자를 기준으로만 허용하는 데 도움이 됩니다.

이 튜토리얼이 도움이 되었으면 합니다. 이 코드를 다운로드하려면 여기https://codeanddeploy.com/blog/laravel/laravel-8-file-upload-example를 방문하십시오.

행복한 코딩 :)