百度ueditor编辑器图片、文件、视频直接上传到阿里云oss

最近开发的项目中要求要把图片文件等都直接上传到阿里云，不放在服务器上
1、修改uploader.class.php，修改的地方我标红了(添加了一下注释。。然后代码模板背景色全变黑色了。。标红的样式全不见了，自己对比一下代码哈)

由于ueditor是第三方的插件，里面的uploader.class.php并不是框架里的东西，所有使用命名空间直接引用是引用不到oss的类的，同时框架里的自带函数也不能使用，只能用原生php函数

/**

Created by JetBrains PhpStorm.
User: taoqili
Date: 12-7-18
Time: 上午11: 32
UEditor编辑器通用上传类
*/
require_once '../../../../Yunwan/Core/Library/Vendor/OSS/autoload.php';//这是我下载的阿里云oss sdk的路径，你们的自己参考一下
use OSS\OssClient;
use OSS\Core\OssException;

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不正确",
    "INVALID_URL" => "非法 URL",
    "INVALID_IP" => "非法 IP"
);

/**
 * 构造函数
 * @param string $fileField 表单名称
 * @param array $config 配置项
 * @param bool $base64 是否解析base64编码，可省略。若开启，则$fileField代表的是base64编码的字符串表单名
 */
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'] = iconv('unicode', 'utf-8', $this->stateMap['ERROR_TYPE_NOT_ALLOWED']);
}

/**
 * 上传文件的主处理方法
 * @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;
    }
    //修改：上传阿里云OSS

// ossClient=new OssClient('LTAIXGDThRhHGirb','qM8V53Ka8NK0jq7f7rfjwRcu9ekH9e','oss-cn-beijing.aliyuncs.com');
file['name'], this->oriName = this->fileSize = this->fileType = this->fullName = this->filePath = this->fileName = 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;
    }

    $this->stateInfo = $this->stateMap[0];
}

/**
 * 处理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;
    }

    //创建目录失败
    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];
    }
}

/**
 * 拉取远程图片
 * @return mixed
 */
private function saveRemote()
{
    $imgUrl = htmlspecialchars($this->fileField);
    $imgUrl = str_replace("&", "&", $imgUrl);
    //http开头验证
    if (strpos($imgUrl, "http") !== 0) {
        $this->stateInfo = $this->getStateInfo("ERROR_HTTP_LINK");
        return;
    }

    preg_match('/(^https*:\/\/[^:\/]+)/', $imgUrl, $matches);
    $host_with_protocol = count($matches) > 1 ? $matches[1] : '';

    // 判断是否是合法 url
    if (!filter_var($host_with_protocol, FILTER_VALIDATE_URL)) {
        $this->stateInfo = $this->getStateInfo("INVALID_URL");
        return;
    }

    preg_match('/^https*:\/\/(.+)/', $host_with_protocol, $matches);
    $host_without_protocol = count($matches) > 1 ? $matches[1] : '';

    // 此时提取出来的可能是 ip 也有可能是域名，先获取 ip
    $ip = gethostbyname($host_without_protocol);
    // 判断是否是私有 ip
    if(!filter_var($ip, FILTER_VALIDATE_IP, FILTER_FLAG_NO_PRIV_RANGE)) {
        $this->stateInfo = $this->getStateInfo("INVALID_IP");
        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, 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 (!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];
    }
}

/**
 * 上传错误检查
 * @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);
    }

    $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 $fullname;

// this->fullName;
// _SERVER['DOCUMENT_ROOT'];
//
// if (substr(fullname = '/' . 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
    );
}

}
2、config.json，注意，配置的图片访问路径前缀和上传保存路径组合起来需要和oss上传的路径一样，不然插入图片后，图片在编辑器里显示不出来，因为图片地址跟oss上的不一致，这个做的过程中自己调试就知道了。

/* 前后端通信相关的配置,注释只允许使用多行方式 /
{
/ 上传图片配置项 /
"imageActionName": "uploadimage", / 执行上传图片的action名称 /
"imageFieldName": "upfile", / 提交的图片表单名称 /
"imageMaxSize": 52428800, / 上传大小限制，单位B /
"imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], / 上传图片格式显示 /
"imageCompressEnable": true, / 是否压缩图片,默认是true /
"imageCompressBorder": 1600, / 图片压缩最长边限制 /
"imageInsertAlign": "none", / 插入的图片浮动方式 /
"imageUrlPrefix": "http://xingpaipics.oss-cn-beijing.aliyuncs.com", / 图片访问路径前缀 /
"imagePathFormat": "/meeting_file/{yyyy}{mm}/{filename}", / 上传保存路径,可以自定义保存路径和文件名格式 /
/ {filename} 会替换成原文件名,配置这项需要注意中文乱码问题 /
/ {rand:6} 会替换成随机数,后面的数字是随机数的位数 /
/ {time} 会替换成时间戳 /
/ {yyyy} 会替换成四位年份 /
/ {yy} 会替换成两位年份 /
/ {mm} 会替换成两位月份 /
/ {dd} 会替换成两位日期 /
/ {hh} 会替换成两位小时 /
/ {ii} 会替换成两位分钟 /
/ {ss} 会替换成两位秒 /
/ 非法字符 \ : * ? " < > | /
/ 具请体看线上文档: fex.baidu.com/ueditor/#use-format_upload_filename */

/* 涂鸦图片上传配置项 */
"scrawlActionName": "uploadscrawl", /* 执行上传涂鸦的action名称 */
"scrawlFieldName": "upfile", /* 提交的图片表单名称 */
"scrawlPathFormat": "/meeting_file/{yyyy}{mm}/{filename}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
"scrawlMaxSize": 52428800, /* 上传大小限制，单位B */
"scrawlUrlPrefix": "http://xingpaipics.oss-cn-beijing.aliyuncs.com", /* 图片访问路径前缀 */
"scrawlInsertAlign": "none",

/* 截图工具上传 */
"snapscreenActionName": "uploadimage", /* 执行上传截图的action名称 */
"snapscreenPathFormat": "/meeting_file/{yyyy}{mm}/{filename}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
"snapscreenUrlPrefix": "http://xingpaipics.oss-cn-beijing.aliyuncs.com", /* 图片访问路径前缀 */
"snapscreenInsertAlign": "none", /* 插入的图片浮动方式 */

/* 抓取远程图片配置 */
"catcherLocalDomain": ["127.0.0.1", "localhost", "img.baidu.com"],
"catcherActionName": "catchimage", /* 执行抓取远程图片的action名称 */
"catcherFieldName": "source", /* 提交的图片列表表单名称 */
"catcherPathFormat": "/meeting_file/{yyyy}{mm}/{filename}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
"catcherUrlPrefix": "http://xingpaipics.oss-cn-beijing.aliyuncs.com", /* 图片访问路径前缀 */
"catcherMaxSize": 52428800, /* 上传大小限制，单位B */
"catcherAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 抓取图片格式显示 */

/* 上传视频配置 */
"videoActionName": "uploadvideo", /* 执行上传视频的action名称 */
"videoFieldName": "upfile", /* 提交的视频表单名称 */
"videoPathFormat": "/meeting_file/{yyyy}{mm}/{filename}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
"videoUrlPrefix": "http://xingpaipics.oss-cn-beijing.aliyuncs.com", /* 视频访问路径前缀 */
"videoMaxSize": 52428800, /* 上传大小限制，单位B，默认100MB */
"videoAllowFiles": [
    ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg",
    ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid"], /* 上传视频格式显示 */

/* 上传文件配置 */
"fileActionName": "uploadfile", /* controller里,执行上传视频的action名称 */
"fileFieldName": "upfile", /* 提交的文件表单名称 */
"filePathFormat": "/meeting_file/{yyyy}{mm}/{filename}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
"fileUrlPrefix": "http://xingpaipics.oss-cn-beijing.aliyuncs.com", /* 文件访问路径前缀 */
"fileMaxSize": 52428800, /* 上传大小限制，单位B，默认50MB */
"fileAllowFiles": [
    ".png", ".jpg", ".jpeg", ".gif", ".bmp",
    ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg",
    ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid",
    ".rar", ".zip", ".tar", ".gz", ".7z", ".bz2", ".cab", ".iso",
    ".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".pdf", ".txt", ".md", ".xml"
], /* 上传文件格式显示 */
/*下面两个列出图片和文件这个比较麻烦点，项目里又不需要，所以这个就不搞了*/
/* 列出指定目录下的图片 */
"imageManagerActionName": "listimage", /* 执行图片管理的action名称 */
"imageManagerListPath": "/meeting_file/", /* 指定要列出图片的目录 */
"imageManagerListSize": 20, /* 每次列出文件数量 */
"imageManagerUrlPrefix": "http://xingpaipics.oss-cn-beijing.aliyuncs.com", /* 图片访问路径前缀 */
"imageManagerInsertAlign": "none", /* 插入的图片浮动方式 */
"imageManagerAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 列出的文件类型 */

/* 列出指定目录下的文件 */
"fileManagerActionName": "listfile", /* 执行文件管理的action名称 */
"fileManagerListPath": "/meeting_file/", /* 指定要列出文件的目录 */
"fileManagerUrlPrefix": "http://xingpaipics.oss-cn-beijing.aliyuncs.com", /* 文件访问路径前缀 */
"fileManagerListSize": 20, /* 每次列出文件数量 */
"fileManagerAllowFiles": [
    ".png", ".jpg", ".jpeg", ".gif", ".bmp",
    ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg",
    ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid",
    ".rar", ".zip", ".tar", ".gz", ".7z", ".bz2", ".cab", ".iso",
    ".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".pdf", ".txt", ".md", ".xml"
] /* 列出的文件类型 */

}

百度ueditor编辑器图片、文件、视频直接上传到阿里云oss

你可能感兴趣的:(百度ueditor编辑器图片、文件、视频直接上传到阿里云oss)