最近有需求,需要用到百度富文本编辑器 ueditor 支持上传图片和附件到腾讯云 COS 存储。之前有写过支持上传到又拍云存储,所以沿着这个思路做了腾讯云 COS 的集成。

基于 UEditor 1.4.3.3 PHP 版腾讯云 COS PHP SDK 开发。

支持的功能

  • 单图和多图同时上传到腾讯云 COS
  • 附件同时上传到腾讯云 COS
  • 支持 log 记录

如何使用

1、下载后解压为 ueditor(不支持其它的项目名称)

2、安装腾讯云 COS PHP SDK

1
$ composer install

3、修改文件 php/qcloud.config.sample.phpphp/qcloud.config.php,并配置:

1
2
3
4
5
<?php
$region = ''; // 地域,比如:上海是 ap-shanghai
$secretId = ''; // 云 API 密钥的一部分,SecretId 用于标识 API 调用者身份。
$secretKey = ''; // 云 API 密钥的一部分,SecretKey 是用于加密签名字符串和服务器端验证签名字符串的密钥。
$bucketname = ''; // 空间名

4、修改文件 php/config.sample.jsonphp/config.json,并配置:

1
2
3
4
5
6
7
/* 上传图片配置项 */
……
"imageUrlPrefix": "", /* 图片访问路径前缀,腾讯云 COS 域名配置,如:http://xxxx.xxxx.xxxx */
……
/* 上传文件配置 */
……
"fileUrlPrefix": "", /* 文件访问路径前缀,腾讯云 COS 域名配置,如:http://xxxx.xxxx.xxxx */

说明:上传到腾讯云失败,可以查看 php/log.txt 文件里的详细错误信息。

注意

  • 保证 php 目录有写的权限;
  • php 安装有 curl 扩展。

具体代码:查看 Github