前后端分离 Ueditor + PHP 实现阿里云Oss上传

左手的ㄟ右手 2023-06-26 08:10 74阅读 0赞

首先去百度下载Ueditor PHP(一般都是UTF-8版本)的

当然首先要 composer这样滴:

"require": {
       "aliyuncs/oss-sdk-php": "~2.0.0",
    },

解压后结构如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Fzc2FzaW4wMzA4_size_16_color_FFFFFF_t_70][]

第一步： 创建OssInUe.php 结构如下  文件名称自定义这里以他为例:

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Fzc2FzaW4wMzA4_size_16_color_FFFFFF_t_70 1][]

第二步: 上菜：

<?php
        if (is_file('../../vendor/autoload.php')) {
            require_once ('../../vendor/autoload.php');
        }
    use OSS\OssClient;
        use OSS\Core\OssException;
    
    /**
     * Notes: 阿里云配置Ueditor上传
     * Created by assasin.
     * Date: 2019/12/27
     * Time: 15:53
     * Request-Method: POST+AES
     */
    class OssInUe
    {
        public function __construct(){
    
        }
    
        /**
         * Notes: 阿里云配置Ueditor上传
         * Created by assasin.
         * Date: 2019/12/27
         * Time: 15:53
         * Request-Method: POST+AES
         */
        function uploadToAliOSS($file,$fullName){
            $accessKeyId = 'xxxxxxxxxxxxxx';//涉及到隐私就不放出来了
            $accessKeySecret = 'xxxxxxxxxxxxxxxxxxxxx';//涉及到隐私就不放出来了
            $endpoint = 'xxxxxxxxxxxx';//节点
            $bucket= 'xxxxxxxxx';//" <您使用的Bucket名字，注意命名规范>";
            $object = $fullName;//" <您使用的Object名字，注意命名规范>";
    
            $content = $file["tmp_name"];//上传的文件
            try {
                $ossClient = new OssClient($accessKeyId, $accessKeySecret, $endpoint);
                $ossClient->setTimeout(3600 /* seconds */);
                $ossClient->setConnectTimeout(10 /* seconds */);
                //$ossClient->putObject($bucket, $object, $content);
                // 先把本地的example.jpg上传到指定$bucket, 命名为$object
                $ossClient->uploadFile($bucket, $object, $content);
                $signedUrl = $ossClient->signUrl($bucket, $object);
                $path = explode('?',$signedUrl)[0];
                $obj['status'] = true;
                $obj['path'] = $path;
            } catch (OssException $e) {
                $obj['status'] = false;
                $obj['path'] = "";
                print $e->getMessage();
            }
            return $obj;
        }
    }

第三步: 修改 Uploader.class.php 直接复制一下代码(因为确实有人会抄错的):

<?php
    /*支持阿里云OSS修改：第0处，引入新建的文件OssInUe.php*/
    require_once(__DIR__.'/OssInUe.php');
    /**
     * Created by JetBrains PhpStorm.
     * User: taoqili
     * Date: 12-7-18
     * Time: 上午11: 32
     * UEditor编辑器通用上传类
     */
    class Uploader
    {
        private $fileField; //文件域名
        private $file; //文件上传对象
        private $base64; //文件上传对象
        private $config; //配置信息
        private $oriName; //原始文件名
        private $fileName; //新文件名
        private $fullName; //完整文件名,即从当前配置目录开始的URL
        private $filePath; //完整文件名,即从当前配置目录开始的URL
        private $fileSize; //文件大小
        private $fileType; //文件类型
        private $stateInfo; //上传状态信息,
        private $stateMap = array( //上传状态映射表，国际化用户需考虑此处数据的国际化
            "SUCCESS", //上传成功标记，在UEditor中内不可改变，否则flash判断会出错
            "文件大小超出 upload_max_filesize 限制",
            "文件大小超出 MAX_FILE_SIZE 限制",
            "文件未被完整上传",
            "没有文件被上传",
            "上传文件为空",
            "ERROR_TMP_FILE" => "临时文件错误",
            "ERROR_TMP_FILE_NOT_FOUND" => "找不到临时文件",
            "ERROR_SIZE_EXCEED" => "文件大小超出网站限制",
            "ERROR_TYPE_NOT_ALLOWED" => "文件类型不允许",
            "ERROR_CREATE_DIR" => "目录创建失败",
            "ERROR_DIR_NOT_WRITEABLE" => "目录没有写权限",
            "ERROR_FILE_MOVE" => "文件保存时出错",
            "ERROR_FILE_NOT_FOUND" => "找不到上传文件",
            "ERROR_WRITE_CONTENT" => "写入文件内容错误",
            "ERROR_UNKNOWN" => "未知错误",
            "ERROR_DEAD_LINK" => "链接不可用",
            "ERROR_HTTP_LINK" => "链接不是http链接",
            "ERROR_HTTP_CONTENTTYPE" => "链接contentType不正确"
        );
    
        /**
         * 构造函数
         * @param string $fileField 表单名称
         * @param array $config 配置项
         * @param string $type	处理文件上传的方式
         */
        public function __construct($fileField, $config, $type = "upload")
        {
            $this->fileField = $fileField;
            $this->config = $config;
            $this->type = $type;
            if ($type == "remote") {
                $this->saveRemote();
            } else if($type == "base64") {
                $this->upBase64();
            } else {
                $this->upFile();
            }
    
            $this->stateMap['ERROR_TYPE_NOT_ALLOWED'] = mb_convert_encoding($this->stateMap['ERROR_TYPE_NOT_ALLOWED'], 'utf-8', 'auto');
        }
    
        /**
         * 上传文件的主处理方法
         * @return mixed
         */
        private function upFile()
        {
            $file = $this->file = $_FILES[$this->fileField];
            if (!$file) {
                $this->stateInfo = $this->getStateInfo("ERROR_FILE_NOT_FOUND");
                return;
            }
            if ($this->file['error']) {
                $this->stateInfo = $this->getStateInfo($file['error']);
                return;
            } else if (!file_exists($file['tmp_name'])) {
                $this->stateInfo = $this->getStateInfo("ERROR_TMP_FILE_NOT_FOUND");
                return;
            } else if (!is_uploaded_file($file['tmp_name'])) {
                $this->stateInfo = $this->getStateInfo("ERROR_TMPFILE");
                return;
            }
    
            $this->oriName = $file['name'];
            $this->fileSize = $file['size'];
            $this->fileType = $this->getFileExt();
            $this->fullName = $this->getFullName();
            $this->filePath = $this->getFilePath();
            $this->fileName = $this->getFileName();
            $dirname = dirname($this->filePath);
    
            //检查文件大小是否超出限制
            if (!$this->checkSize()) {
                $this->stateInfo = $this->getStateInfo("ERROR_SIZE_EXCEED");
                return;
            }
    
            //检查是否不允许的文件格式
            if (!$this->checkType()) {
                $this->stateInfo = $this->getStateInfo("ERROR_TYPE_NOT_ALLOWED");
                return;
            }
    
            /*支持阿里云OSS修改：第一处，start*/
    //        //创建目录失败
    //        if (!file_exists($dirname) && !mkdir($dirname, 0777, true)) {
    //            $this->stateInfo = $this->getStateInfo("ERROR_CREATE_DIR");
    //            return;
    //        } else if (!is_writeable($dirname)) {
    //            $this->stateInfo = $this->getStateInfo("ERROR_DIR_NOT_WRITEABLE");
    //            return;
    //        }
    
    //        //移动文件
    //        if (!(move_uploaded_file($file["tmp_name"], $this->filePath) && file_exists($this->filePath))) { //移动失败
    //            $this->stateInfo = $this->getStateInfo("ERROR_FILE_MOVE");
    //        } else { //移动成功
    //            $this->stateInfo = $this->stateMap[0];
    //        }
    
            $ossInUe = new OssInUe();
            $obj = $ossInUe->uploadToAliOSS($file,$this->fullName);
            if ($obj['status'] == true){
                $this->fullName = $obj['path'];
                $this->stateInfo = $this->stateMap[0];
            }else{
                $this->stateInfo = $this->getStateInfo("ERROR_WRITE_CONTENT");
            }
            /*支持阿里云OSS修改：第一处，end*/
        }
    
        /**
         * 处理base64编码的图片上传
         * @return mixed
         */
        private function upBase64()
        {
            $base64Data = $_POST[$this->fileField];
            $img = base64_decode($base64Data);
    
            $this->oriName = $this->config['oriName'];
            $this->fileSize = strlen($img);
            $this->fileType = $this->getFileExt();
            $this->fullName = $this->getFullName();
            $this->filePath = $this->getFilePath();
            $this->fileName = $this->getFileName();
            $dirname = dirname($this->filePath);
    
            //检查文件大小是否超出限制
            if (!$this->checkSize()) {
                $this->stateInfo = $this->getStateInfo("ERROR_SIZE_EXCEED");
                return;
            }
    
            /*支持阿里云OSS修改：第二处，start*/
            //创建目录失败
    //        if (!file_exists($dirname) && !mkdir($dirname, 0777, true)) {
    //            $this->stateInfo = $this->getStateInfo("ERROR_CREATE_DIR");
    //            return;
    //        } else if (!is_writeable($dirname)) {
    //            $this->stateInfo = $this->getStateInfo("ERROR_DIR_NOT_WRITEABLE");
    //            return;
    //        }
    
    //        //移动文件
    //        if (!(file_put_contents($this->filePath, $img) && file_exists($this->filePath))) { //移动失败
    //            $this->stateInfo = $this->getStateInfo("ERROR_WRITE_CONTENT");
    //        } else { //移动成功
    //            $this->stateInfo = $this->stateMap[0];
    //        }
    
            $ossInUe = new OssInUe();
            $obj = $ossInUe->uploadToAliOSS($img,$this->fullName);
            if ($obj['status'] == true){
                $this->fullName = $obj['path'];
                $this->stateInfo = $this->stateMap[0];
            }else{
                $this->stateInfo = $this->getStateInfo("ERROR_WRITE_CONTENT");
            }
            /*支持阿里云OSS修改：第二处，end*/
    
        }
    
        /**
         * 拉取远程图片
         * @return mixed
         */
        private function saveRemote()
        {
            $imgUrl = htmlspecialchars($this->fileField);
            $imgUrl = str_replace("&", "&", $imgUrl);
    
            //获取带有GET参数的真实图片url路径
            $pathRes     = parse_url($imgUrl);
            $queryString = isset($pathRes['query']) ? $pathRes['query'] : '';
            $imgUrl      = str_replace('?' . $queryString, '', $imgUrl);
    
            //http开头验证
            if (strpos($imgUrl, "http") !== 0) {
                $this->stateInfo = $this->getStateInfo("ERROR_HTTP_LINK");
                return;
            }
            //获取请求头并检测死链
            $heads = get_headers($imgUrl, 1);
            if (!(stristr($heads[0], "200") && stristr($heads[0], "OK"))) {
                $this->stateInfo = $this->getStateInfo("ERROR_DEAD_LINK");
                return;
            }
            //格式验证(扩展名验证和Content-Type验证)
            $fileType = strtolower(strrchr($imgUrl, '.'));
            if (!in_array($fileType, $this->config['allowFiles']) || !isset($heads['Content-Type']) || !stristr($heads['Content-Type'], "image")) {
                $this->stateInfo = $this->getStateInfo("ERROR_HTTP_CONTENTTYPE");
                return;
            }
    
            //打开输出缓冲区并获取远程图片
            ob_start();
            $context = stream_context_create(
                array('http' => array(
                    'follow_location' => false // don't follow redirects
                ))
            );
            readfile($imgUrl . '?' . $queryString, false, $context);
            $img = ob_get_contents();
            ob_end_clean();
            preg_match("/[\/]([^\/]*)[\.]?[^\.\/]*$/", $imgUrl, $m);
    
            $this->oriName = $m ? $m[1]:"";
            $this->fileSize = strlen($img);
            $this->fileType = $this->getFileExt();
            $this->fullName = $this->getFullName();
            $this->filePath = $this->getFilePath();
            $this->fileName = $this->getFileName();
            $dirname = dirname($this->filePath);
    
            //检查文件大小是否超出限制
            if (!$this->checkSize()) {
                $this->stateInfo = $this->getStateInfo("ERROR_SIZE_EXCEED");
                return;
            }
    
            //检查文件内容是否真的是图片
            if (substr(mime_content_type($this->filePath), 0, 5) != 'image') {
                $this->stateInfo = $this->getStateInfo("ERROR_TYPE_NOT_ALLOWED");
                return;
            }
    
            /*支持阿里云OSS修改：第三处，start*/
    //        //创建目录失败
    //        if (!file_exists($dirname) && !mkdir($dirname, 0777, true)) {
    //            $this->stateInfo = $this->getStateInfo("ERROR_CREATE_DIR");
    //            return;
    //        } else if (!is_writeable($dirname)) {
    //            $this->stateInfo = $this->getStateInfo("ERROR_DIR_NOT_WRITEABLE");
    //            return;
    //        }
    //
    //        //移动文件
    //        if (!(file_put_contents($this->filePath, $img) && file_exists($this->filePath))) { //移动失败
    //            $this->stateInfo = $this->getStateInfo("ERROR_WRITE_CONTENT");
    //        } else { //移动成功
    //            $this->stateInfo = $this->stateMap[0];
    //        }
    
            $ossInUe = new OssInUe();
            $obj = $ossInUe->uploadToAliOSS($img,$this->fileType);
            if ($obj['status'] == true){
                $this->fullName = $obj['path'];
                $this->stateInfo = $this->stateMap[0];
            }else{
                $this->stateInfo = $this->getStateInfo("ERROR_WRITE_CONTENT");
            }
            /*支持阿里云OSS修改：第三处，start*/
        }
    
        /**
         * 上传错误检查
         * @param $errCode
         * @return string
         */
        private function getStateInfo($errCode)
        {
            return !$this->stateMap[$errCode] ? $this->stateMap["ERROR_UNKNOWN"] : $this->stateMap[$errCode];
        }
    
        /**
         * 获取文件扩展名
         * @return string
         */
        private function getFileExt()
        {
            return strtolower(strrchr($this->oriName, '.'));
        }
    
        /**
         * 重命名文件
         * @return string
         */
        private function getFullName()
        {
            //替换日期事件
            $t = time();
            $d = explode('-', date("Y-y-m-d-H-i-s"));
            $format = $this->config["pathFormat"];
            $format = str_replace("{yyyy}", $d[0], $format);
            $format = str_replace("{yy}", $d[1], $format);
            $format = str_replace("{mm}", $d[2], $format);
            $format = str_replace("{dd}", $d[3], $format);
            $format = str_replace("{hh}", $d[4], $format);
            $format = str_replace("{ii}", $d[5], $format);
            $format = str_replace("{ss}", $d[6], $format);
            $format = str_replace("{time}", $t, $format);
    
            //过滤文件名的非法字符,并替换文件名
            $oriName = substr($this->oriName, 0, strrpos($this->oriName, '.'));
            $oriName = preg_replace("/[\|\?\"\<\>\/\*\\\\]+/", '', $oriName);
            $format = str_replace("{filename}", $oriName, $format);
    
            //替换随机字符串
            $randNum = rand(1, 10000000000) . rand(1, 10000000000);
            if (preg_match("/\{rand\:([\d]*)\}/i", $format, $matches)) {
                $format = preg_replace("/\{rand\:[\d]*\}/i", substr($randNum, 0, $matches[1]), $format);
            }
    
            if($this->fileType){
                $ext = $this->fileType;
            } else {
                $ext = $this->getFileExt();
            }
            return $format . $ext;
        }
    
        /**
         * 获取文件名
         * @return string
         */
        private function getFileName () {
            return substr($this->filePath, strrpos($this->filePath, '/') + 1);
        }
    
        /**
         * 获取文件完整路径
         * @return string
         */
        private function getFilePath()
        {
            $fullname = $this->fullName;
            $rootPath = $_SERVER['DOCUMENT_ROOT'];
    
            if (substr($fullname, 0, 1) != '/') {
                $fullname = '/' . $fullname;
            }
    
            return $rootPath . $fullname;
        }
    
        /**
         * 文件类型检测
         * @return bool
         */
        private function checkType()
        {
            return in_array($this->getFileExt(), $this->config["allowFiles"]);
        }
    
        /**
         * 文件大小检测
         * @return bool
         */
        private function  checkSize()
        {
            return $this->fileSize <= ($this->config["maxSize"]);
        }
    
        /**
         * 获取当前上传成功文件的各项信息
         * @return array
         */
        public function getFileInfo()
        {
            return array(
                "state" => $this->stateInfo,
                "url" => $this->fullName,
                "title" => $this->fileName,
                "original" => $this->oriName,
                "type" => $this->fileType,
                "size" => $this->fileSize
            );
        }
    
    }

第四步: 记住这里啥都别动

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Fzc2FzaW4wMzA4_size_16_color_FFFFFF_t_70 2][]

第五步: 打完收工!  我是前后端分离  把你的controller.php 路径给前端就OK了.

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Fzc2FzaW4wMzA4_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191230201225385.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Fzc2FzaW4wMzA4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Fzc2FzaW4wMzA4_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20191230201348579.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Fzc2FzaW4wMzA4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Fzc2FzaW4wMzA4_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20191230201814337.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Fzc2FzaW4wMzA4,size_16,color_FFFFFF,t_70