YII2 整合百度UEditor上传图片到阿里云OSS

yii2 composer 安装完 ueditor 后

\vendor\kucha\ueditor

修改Uploader.php文件

添加：

use common\helpers\MyHelper;//引入你的OSS代码

我把它用静态方法upload()写在MyHelper

在private function upFile()方法

修改上传文件获取的一些属性改成 OSS返回的属性

每个变量对应的内容如下：

$this->oriName = $file['name'];
$this->fileSize = $file['size'];
$this->fileType = $this->getFileExt();
$this->fileName = $this->getFileName();
//上传到七牛
$upload = MyHelper::upload($file['tmp_name'], $this->fileName, trim($this->fileType,'.'), 'pic/');

$this->fullName = '/'.$upload['key'];
$this->filePath = $this->fullName;

然后将原本将文件保存在本地的操作屏蔽掉，我这里直接返回成功 $this->stateInfo = $this->stateMap[0];当然可以做一些判断后再返回状态

config.php   修改/* 图片访问路径前缀 */ 将里面带UrlPrefix后缀的属性名都改成 "你自己的OSS主域名"

"****UrlPrefix"          => "你自己的OSS主域名",

如果发现返回的URL主要看你的OSS返回的路径是怎样已经上面说的 config图片访问路径前缀

还有则就是UEditorAction.php 里的看看返回方法的 handleAction()方法里的上传文件方法 uploadfile 里的处理是怎样写的

这里只是图片和上传文件的OSS 还有很多没完善比如多图上传的在线管理.. 等等之后再完善吧

UEditor就是这些方法处理的很容易看懂

参照：https://segmentfault.com/a/1190000011212159

转载于:https://www.cnblogs.com/jimz/p/9418592.html

YII2 整合百度UEditor上传图片到阿里云OSS相关推荐

整合百度UEditor上传图片到阿里云OSS
前言将图片上传到阿里云OSS是一种趋势,一个必然.当你的项目图片过多,需要频繁上传和替换的时候,用阿里云OSS可以很方便的管理你的图片,节省服务器空间,大大提高了效率.阿里云OSS是阿里云提供的海量 ...
Nuxt 整合 element-tiptap 编辑器上传图片到阿里云OSS关键方法
1 . api/upload.js export default ({$axios}, inject) => {// 上传文章内容图片(编辑器中上传)inject('uploadArticleI ...
微信小程序后台获取签名，裁剪并上传图片至阿里云oss
微信小程序后台获取签名,裁剪并上传图片至阿里云oss 首先,设置微信开发者工具,选择校验合法域名,防止本地可应使用,线上报错问题: 其次,在微信公众平台–小程序开发,设置合法域名 Oss设置–> ...
微信小程序上传图片到阿里云oss方法
最近开发微信小程序要求上传图片到阿里云oss上,所以就顺手整理一下整个过程啦. 前提开通oss服务和创建oss存储空间啦(这个就自己去解决吧)下面接入正题: 步骤一:配置 Bucket 跨域客户端 ...
uni-app 上传图片到阿里云oss
uni-app 上传本地图片或视频到阿里云oss,带中间圆形进度条前端控制文件直接将本地图片或视频上传到阿里云oss中,不用走后台接口即可上传 // 在自己的文件中引入配置主文件地址 import ...
php tp5上传图片到阿里云OSS
1.登录阿里云OSS管理控制台创建Bucket (写入名称,这个我已经创建过了,我接下来会用到,注意Endpoint,后面会用到) 为了方便管理图片,可以在Bucket多建目录进行存放: 2.在tp5 ...
微信小程序上传图片到阿里云OSS
微信小程序代码 1.wxml: <image src="{{userInfo.headImg}}" class="user-head_img" bindt ...
上传图片到阿里云oss时403 Forbidden
当点击上传按钮时,浏览器开发工具会出现如下错: 出现上述错误的原因可能有很多,下面是两种可能的解决方案: (1)查看阿里云oss是否是公共读(或者是公共读写) (2)是否设置跨域规则
swift3.0 从相册选取或者拍照上传图片至阿里云OSS
导入相应的库 import Photos import AliyunOSSiOS 选取照片需要继承 UIImagePickerControllerDelegate,UINavigationContro ...

YII2 整合百度UEditor上传图片到阿里云OSS

YII2 整合百度UEditor上传图片到阿里云OSS相关推荐

最新文章

热门文章