先上代碼吧:
前端代碼:
有很多小伙伴在做表單上傳文件的時(shí)候沒(méi)有注意表單的上傳格式是什么,就可能導(dǎo)致上傳文件、圖片不成功!
form id="form1" name="form1" class="form-horizontal form-label-left" enctype="multipart/form-data" method="post" action="{{asset('/content/add')}}" οnsubmit="submitContent()">
{{method_field('PUT')}}
laravel里面使用method_field()函數(shù)來(lái)偽造一些http請(qǐng)求;
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="請(qǐng)選擇圖片" 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類庫(kù)來(lái)制作圖片的縮略圖、以及保存圖片到指定位置;
關(guān)于Intervention Image類庫(kù)我就不多做介紹,如有不了解的請(qǐng)度娘幫助;
?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 ‘上傳成功!';
}
}
后端處理主要思想:首先通過(guò)Validator類庫(kù)來(lái)檢驗(yàn)當(dāng)前上傳上來(lái)的文件是否符合要求,如果符合要求,就可以對(duì)圖片進(jìn)行處理了;處理的時(shí)候我是先把要保存圖片的相對(duì)地址給拼接好,然后通過(guò)laravel里面的public_path函數(shù)得出絕對(duì)的local地址;再去判斷該文件夾是否存在,如果不存在那就創(chuàng)建該文件夾。創(chuàng)建好文件夾后我們就應(yīng)該對(duì)上傳上來(lái)的圖片進(jìn)行進(jìn)一步處理了,比如我這里需要制作它的縮略圖,并且保證圖片橫縱比,如果有其他的要求,可以前往Intervention Image類庫(kù)自行查看怎么制作。
以上這篇laravel實(shí)現(xiàn)上傳圖片,并且制作縮略圖,按照日期存放的代碼就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:- Laravel+Layer實(shí)現(xiàn)圖片上傳功能(整理篇)
- PHP Laravel 上傳圖片、文件等類封裝
- laravel實(shí)現(xiàn)一個(gè)上傳圖片的接口,并建立軟鏈接,訪問(wèn)圖片的方法
- laravel 實(shí)現(xiàn)上傳圖片到本地和前臺(tái)訪問(wèn)示例
- laravel實(shí)現(xiàn)上傳圖片的兩種方式小結(jié)
- Laravel框架實(shí)現(xiàn)的上傳圖片到七牛功能詳解
- laravel 多圖上傳及圖片的存儲(chǔ)例子
- laravel實(shí)現(xiàn)上傳圖片并在頁(yè)面顯示的例子
- laravel實(shí)現(xiàn)圖片上傳預(yù)覽,及編輯時(shí)可更換圖片,并實(shí)時(shí)變化的例子
- laravel框架上傳圖片實(shí)現(xiàn)實(shí)時(shí)預(yù)覽功能
- laravel5.5框架的上傳圖片功能實(shí)例分析【僅傳到服務(wù)器端】