先上程式碼吧：

前端程式碼：

有很多小夥伴在做表單上傳檔案的時候沒有注意表單的上傳格式是什麼，就可能導致上傳檔案、圖片不成功！

<form id="form1" name="form1" class="form-horizontal form-label-left" enctype="multipart/form-data" method="post" action="{{asset('/content/add')}}" onsubmit="submitContent()">

{{method_field('PUT')}}

laravel裡面使用method_field()函式來偽造一些http請求；

<div class="form-group">
    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="main_img">展示主圖 <span class="required">*</span></label>
    <div class="col-md-6 col-sm-6 col-xs-12">
        <div id="inputBox">
            <input type="file" title="請選擇圖片" id="mainImg" name="main_img" required multiple accept="image/png,image/jpg,image/gif,image/JPEG"/>
            <div id="mainImgBox"></div>
        </div>
    </div>
</div>
 

 {!! csrf_field() !!}

給表單加入token；

後端處理：

首先我使用的是Intervention Image類庫來製作圖片的縮圖、以及儲存圖片到指定位置；

<?php
namespace App\Http\Controllers\Admin;

use App\Http\Controllers\Controller;
use Image;
use Validator;

class ContentController extends Controller{
    public function addProcess(){
        $inputData = request()->all();
        $rules = [
            'main_img' => [ 'file','image','max:10240' ]
        ];
        $validator = Validator::make($inputData,$rules);
        if($validator->fails()){
            return back()->withErrors($validator)->withInput();
        }
       
            $photo = $inputData['main_img'];
            $file_name = uniqid().'.'.$photo->getClientOriginalExtension();
            $file_relative_path = 'assess/images/content/'.date('Y-m-d');
            $file_path = public_path($file_relative_path);
            if (!is_dir($file_path)){
                mkdir($file_path);
            }
            $thumbnail_file_path = $file_path . '/thumbnail-'.$file_name;
            $image = Image::make($photo)->resize(200, null, function ($constraint) {$constraint->aspectRatio();})->save($thumbnail_file_path);
            $file_path .= '/'.$file_name;
            $image = Image::make($photo)->save($file_path);
      
      echo ‘上傳成功!’;
    }
}
 

後端處理主要思想：首先通過Validator類庫來檢驗當前上傳上來的檔案是否符合要求，如果符合要求，就可以對圖片進行處理了；處理的時候我是先把要儲存圖片的相對地址給拼接好，然後通過laravel裡面的public_path函式得出絕對的local地址；再去判斷該資料夾是否存在，如果不存在那就建立該資料夾。建立好資料夾後我們就應該對上傳上來的圖片進行進一步處理了，比如我這裡需要製作它的縮圖，並且保證圖片橫縱比，如果有其他的要求，可以前往Intervention Image類庫自行檢視怎麼製作。