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

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

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

<?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('你的keyid','你的密钥','oss-cn-beijing.aliyuncs.com');ossClient=new OssClient('LTAIXGDThRhHGirb','qM8V53Ka8NK0jq7f7rfjwRcu9ekH9e','oss-cn-beijing.aliyuncs.com');
ossClient->uploadFile('xingpaipics', 'meeting_file/'.date ('Ym') .'/'.file['name'], file['tmp_name']);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;
    }

    $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("&amp;", "&", $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;

// fullname =this->fullName;
// rootPath =_SERVER['DOCUMENT_ROOT'];
//
// if (substr(fullname, 0, 1) != '/') { //fullname = '/' . fullname; // } // // returnrootPath . $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"
] /* 列出的文件类型 */

}

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,968评论 6 482
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,601评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,220评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,416评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,425评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,144评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,432评论 3 401
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,088评论 0 261
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,586评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,028评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,137评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,783评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,343评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,333评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,559评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,595评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,901评论 2 345

推荐阅读更多精彩内容