laravel5.5

laravel-admin 1.5.*

simditor 3.0.9

1. 創建Field擴展

namespace App\Admin\Extensions;

use Encore\Admin\Form\Field;

class Simditor extends Field

{

protected $view = 'admin.simditor';

protected static $css = [

'/packages/simditor-2.3.6/styles/simditor.css',

];

protected static $js = [

'/packages/simditor-2.3.6/scripts/module.js',

'/packages/simditor-2.3.6/scripts/hotkeys.js',

'/packages/simditor-2.3.6/scripts/uploader.js',

'/packages/simditor-2.3.6/scripts/simditor.js',

];

public function render()

{

$name = $this->formatName($this->column);

$token = csrf_token();

$url = route('uploadImg');

$this->script = <<

$(document).ready(function(){

var editor = new Simditor({

textarea: $('#editor'),

toolbar: ['title', 'bold', 'italic', 'underline', 'strikethrough', 'fontScale', 'color', '|', 'ol', 'ul', 'blockquote', 'code', 'table', '|', 'link', 'image', 'hr', '|', 'indent', 'outdent', 'alignment'],

upload: {

url: '$url',

params: { _token: '$token'},

fileKey: 'upload_file',

connectionCount: 3,

leaveConfirm: '文件上傳中，關閉此頁面將取消上傳。'

},

pasteImage: true,

});

});

EOT;

return parent::render();

}

}

2. 創建對應視圖

{{$label}}

@include('admin::form.error')

{{ old($column, $value) }}

3. bootstrap.php中注冊擴展

use App\Admin\Extensions\Simditor;

use Encore\Admin\Form;

Encore\Admin\Form::forget(['map', 'editor']);

Form::extend('seditor', Simditor::class);

4. 調用simditor

$form->seditor('body', '文章內容');

安裝Intervention/image擴展包

composer require intervention/image

獲取配置信息

php artisan vendor:publish --provider="Intervention\Image\ImageServiceProviderLaravel5"

創建工具類app/Handlers/ImageUploadHandler.php

namespace App\Handlers;

use Image;

class ImageUploadHandler

{

protected $allowed_ext = ["png", "jpg", "gif", 'jpeg'];

public function save($file, $folder, $file_prefix, $max_width = false)

{

// 構建存儲的文件夾規則，值如：uploads/images/avatars/201709/21/

// 文件夾切割能讓查找效率更高。

$folder_name = "uploads/images/$folder/" . date("Ym/d", time());

// 文件具體存儲的物理路徑，`public_path()` 獲取的是 `public` 文件夾的物理路徑。

// 值如：/home/vagrant/Code/larabbs/public/uploads/images/avatars/201709/21/

$upload_path = public_path() . '/' . $folder_name;

// 獲取文件的后綴名，因圖片從剪貼板里黏貼時后綴名為空，所以此處確保后綴一直存在

$extension = strtolower($file->getClientOriginalExtension()) ?: 'png';

// 拼接文件名，加前綴是為了增加辨析度，前綴可以是相關數據模型的 ID

// 值如：1_1493521050_7BVc9v9ujP.png

$filename = $file_prefix . '_' . time() . '_' . str_random(10) . '.' . $extension;

// 如果上傳的不是圖片將終止操作

if ( ! in_array($extension, $this->allowed_ext)) {

return false;

}

// 將圖片移動到我們的目標存儲路徑中

$file->move($upload_path, $filename);

// 如果限制了圖片寬度，就進行裁剪

if ($max_width && $extension != 'gif') {

// 此類中封裝的函數，用于裁剪圖片

$this->reduceSize($upload_path . '/' . $filename, $max_width);

}

return [

'path' => config('app.url') . "/$folder_name/$filename"

];

}

public function reduceSize($file_path, $max_width)

{

// 先實例化，傳參是文件的磁盤物理路徑

$image = Image::make($file_path);

// 進行大小調整的操作

$image->resize($max_width, null, function ($constraint) {

// 設定寬度是 $max_width，高度等比例雙方縮放

$constraint->aspectRatio();

// 防止裁圖時圖片尺寸變大

$constraint->upsize();

});

// 對圖片修改后進行保存

$image->save();

}

}

創建上傳控制器和相關路由

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Handlers\ImageUploadHandler;

use Auth;

use Log;

class UploadsController extends Controller

{

public function uploadImg(Request $request, ImageUploadHandler $uploader)

// 初始化返回數據，默認是失敗的

$data = [

'success' => false,

'msg' => '上傳失敗!',

'file_path' => ''

];

// 判斷是否有上傳文件，并賦值給 $file

if ($file = $request->upload_file) {

// 保存圖片到本地

$result = $uploader->save($request->upload_file, 'article', \Auth::guard('admin')->user()->id, 600);

// 圖片保存成功的話

if ($result) {

$data['file_path'] = $result['path'];

$data['msg'] = "上傳成功!";

$data['success'] = true;

}

}

log::info($data);

return $data;

}

}

Route::post('uploadFile', 'UploadsController@uploadImg')->name('uploadImg');

6. 效果

本作品采用《CC 協議》，轉載必須注明作者和本文鏈接

總結

以上是生活随笔為你收集整理的simditor 上传图片 php,Laravel-admin 集成 simditor的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。