本文實例講述了ThinkPHP5+UEditor圖片上傳到阿里云對象存儲OSS。分享給大家供大家參考,具體如下:
ThinkPHP5使用富文本UEditor,將富文本編輯框內上傳在本地的圖片,修改到阿里云對象存儲OSS
ThinkPHP5加載UEditor ···· 略
UEditor下載:https://ueditor.baidu.com/website/download.html#ueditor
阿里云對象存儲SDK下載:https://github.com/aliyun/aliyun-oss-php-sdk
一、配置項
ueditor目錄:/public/static/admin/lib/ueditor/1.4.3
OSS配置文件目錄:/application/config/oos.php
OSS SDK目錄:/extend/oos
二、代碼
1、OSS配置文件
<?phpreturn [ 'endpoint' => 'xxxx', 'accessKeyId' => 'xxxxxxxxxxx', 'accessKeySecret' => 'xxxxxxxxxxxxxxxxxxxxxxxxxx', 'bucket' => 'xxxxx', 'uploadurl' => 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx', //個人配置用,上傳圖片訪問頭部完整鏈接];
2、在UEditor下寫入Oos.class.php控制器
*注:本人用的是相對路徑,請自行對照自己的目錄結構替換掉文件引入地址
<?phprequire_once realpath(dirname(__FILE__) . '/../../../../../../../') . '/extend/oos/autoload.php';use OSS/OssClient;use OSS/Core/OssException;class Oos{ protected $oos = null; protected $bucket = null; //獲取OOS客戶端 protected function getOssClient(){ if($this->oos === null){ $config = require realpath(dirname(__FILE__) . '/../../../../../../../') .'/application/config/oos.php'; $this->bucket = $config['bucket']; try { $this->oos = new OssClient($config['accessKeyId'], $config['accessKeySecret'], $config['endpoint'], false); } catch (OssException $e) { printf(__FUNCTION__ . "creating OssClient instance: FAILED/n"); printf($e->getMessage() . "/n"); return null; } } return $this->oos; } //上傳 public function upload($file,$save){ $config = require realpath(dirname(__FILE__) . '/../../../../../../../') .'/application/config/oos.php'; $save = 'upload/'.$save; $ossClient = $this->getOssClient(); if (is_null($ossClient)) exit('鏈接存儲失敗'); $result = $ossClient->uploadFile($this->bucket, $save, $file); return !empty($result['x-oss-request-id']); }}
3、修改UEditor 上傳圖片的PHP文件,/public/static/admin/lib/ueditor/1.4.3/php/action_crawler.php
<?php/** * 抓取遠程圖片 * User: Jinqn * Date: 14-04-14 * Time: 下午19:18 */set_time_limit(0);include("Uploader.class.php");include("Oos.class.php");// 引入oss對象$oos_config = require realpath(dirname(__FILE__) . '/../../../../../../../') .'/application/config/oos.php';$oos = new Oos();/* 上傳配置 */$config = array( "pathFormat" => $CONFIG['catcherPathFormat'], "maxSize" => $CONFIG['catcherMaxSize'], "allowFiles" => $CONFIG['catcherAllowFiles'], "oriName" => "remote.png");$fieldName = $CONFIG['catcherFieldName'];/* 抓取遠程圖片 */$list = array();if (isset($_POST[$fieldName])) { $source = $_POST[$fieldName];} else { $source = $_GET[$fieldName];}foreach ($source as $imgUrl) { $item = new Uploader($imgUrl, $config, "remote"); $info = $item->getFileInfo(); $year = date('Ymd',time());//圖片路徑 (年/月) 自己設置 $img_name = time().rand(1,1000).$info['type']; $bos_url = "ueditor_upload/xinjieshi/image/$year/$img_name";//用作保存的圖片路徑和名字 $oos->upload($_SERVER['DOCUMENT_ROOT'].'/'.$info['url'],$bos_url); array_push($list, array( "state" => $info["state"], "url" => $oos_config['uploadurl'].$bos_url, "size" => $info["size"], "title" => htmlspecialchars($info["title"]), "original" => htmlspecialchars($info["original"]), "source" => htmlspecialchars($imgUrl) ));}/* 返回抓取數據 */return json_encode(array( 'state'=> count($list) ? 'SUCCESS':'ERROR', 'list'=> $list));
希望本文所述對大家基于ThinkPHP框架的PHP程序設計有所幫助。
新聞熱點
疑難解答
圖片精選