【关于富文本编辑器ueditor（php版）上传文件到阿里云OSS的简单实例】

最新推荐文章于 2025-10-17 13:05:02 发布
转载 最新推荐文章于 2025-10-17 13:05:02 发布 · 1k 阅读 · 0 GEO检测
标签
#php #阿里云 #开发语言
本文介绍了如何在PHP项目中使用阿里云OSS服务，将富文本编辑器中的图片上传并存储。作者提供了OssInUe类的代码片段，展示了如何构造OSS客户端、设置文件名和上传文件到OSS的过程。

本人博客地址：a.95home.top
最近由于项目中要求图片上传到阿里云OSS,因此学习了一下。在写个人博客的时候，发现富文本编辑器的图片是存在项目目录下的，于是想了想，可否也把富文本编辑器中的图片也上传到OSS呢？因此百度了一波，发现只有jsp版本的修改方法。所以自己就学着撸了。
首先当然是在项目中引入阿里云OSS和富文本编辑器ueditor了，这一步，按照官方文档来就号，不在赘述。接下来就开始撸代码咯！
接下来，先放一张项目目录截图出来供大家参考。
这里写图片描述这里写图片描述这里写图片描述
下面不废话了，直接放代码。
第一步，新建文件：OssInUe.php

<?php
    if (is_file('../../../vendor/autoload.php')) {
        require_once  '../../../vendor/autoload.php';
    }
    use OSS\OssClient;
    use OSS\Core\OssException;
    
    /**
     * Created by PhpStorm.
     * User: crjy
     * Date: 2017/10/13
     * Time: 15:46
     */
    class OssInUe{
        public function __construct(){
    
        }
        function uploadToAliOSS($file,$fileType){
            $entension = $fileType; //上传文件的后缀
            $newName = date('YmdHis').mt_rand(100000,999999).".".$entension;//上传到oss的文件名
            $accessKeyId = '你的阿里云AccessKeyId';//涉及到隐私就不放出来了
            $accessKeySecret = '您的阿里云AccessKeySecret';//涉及到隐私就不放出来了
            $endpoint = 'oss-cn-shenzhen.aliyuncs.com';//域名
            $bucket= 'hu-first-bucket';//" <您使用的Bucket名字，注意命名规范>";
            $object = $newName;//" <您使用的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
    {
        /*此处未做更改，省略，主要因为字数太多了，尴尬*/
    
        /**
         * 上传文件的主处理方法
         * @return mixed
         */
        private function upFile()
        {
            /*此处未作更改，省略，主要因为字数太多了，尴尬*/
            //检查是否不允许的文件格式
            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->fileType);
            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->fileType);
            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()
        {
            /*此处未作更改，省略，主要因为字数太多了，尴尬*/
    
            //检查文件大小是否超出限制
            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->fileType);
            if ($obj['status'] == true){
                $this->fullName = $obj['path'];
                $this->stateInfo = $this->stateMap[0];
            }else{
                $this->stateInfo = $this->getStateInfo("ERROR_WRITE_CONTENT");
            }
            /*支持阿里云OSS修改：第三处，start*/
        }
    
        /*此处未做更改，省略，主要因为字数太多了，尴尬*/
    
    }

​ ​第三步，启动服务，这篇文章中的图片已经上传到阿里云OSS。完成。
​

UP九万里
关注
Ueditor编辑器上传文件动态传递图片保存的路径参数
weixin_43433807的博客
09-21 1091
1、商户编辑内容的模板里面，用js执行一个php文件，写入session（因为thinkphp里面写入的session在框架外无法取得，所以中了一个中间文件1.php，执行1.php?2、uedito下面的php文件读取session，然后再上传图片的时候，取出这个参数，插入到附件上传地址的配置里面。用thinkphp做了一个多商户的系统，商户在发布信息的时候，希望能将上传的图片放在各商户单独的文件夹里。上传附件的路径配置，默认实在config.json文件下面，这个文件保存的是json格式的配置内容。
百度ueditor编辑器图片、文件、视频直接上传到阿里云oss
那记忆搁浅的博客
03-19 5681
最近开发的项目中要求要把图片文件等都直接上传到阿里云，不放在服务器上。 好吧，说了就开干。 1、修改uploader.class.php，修改的地方我标红了(添加了一下注释。。然后代码模板背景色全变黑色了。。标红的样式全不见了，自己对比一下代码哈) 由于ueditor是第三方的插件，里面的uploader.class.php并不是框架里的东西，所有使用命名空间直接引用是引用不到oss的类的，...
PHP使用 uEditor富文本编辑器
夏已微凉、
05-16 3105
PHP使用 uEditor富文本编辑器 一、下载地址： https://ueditor.baidu.com/website/download.html 选择 开发版-[1.4.3.3 PHP版本] UTF-8版 下载 二、初始化配置：https://fex.baidu....
Ueditor(PHP)使用笔记
weixin_41980247的博客
06-25 792
Ueditor(PHP)
ueditor快速使用手册之php篇
jacy0115的博客
08-16 1513
众所周知ueditor是一款好用的富文本编辑器，可以用来编写文章编辑页面，下面我就来分享一下我的使用过程。 一、下载ueditor，将ueditor文件夹放入应用根目录下，ueditor文件夹的结构如下 二、在需要添加文本编辑器的html页面内加入代码，将第一个script放在form表单内，方便提交后端处理 三、此时打开刚才的html页面就能看见ueditor的界面啦 四、在...
关于富文本编辑器ueditor（php版）上传文件到阿里云OSS的简单实例
ChuJiaRen1992的博客
10-14 6175
本人博客地址：a.95home.top 最近由于项目中要求图片上传到阿里云OSS,因此学习了一下。在写个人博客的时候，发现富文本编辑器的图片是存在项目目录下的，于是想了想，可否也把富文本编辑器中的图片也上传到OSS呢？因此百度了一波，发现只有jsp版本的修改方法。所以自己就学着撸了。 首先当然是在项目中引入阿里云OSS和富文本编辑器ueditor了，这一步，按照官方文档来就号，不
ueditor图片上传到阿里云oss tp5
create
05-05 2846
ueditor图片传到阿里云oss中
ThinkPHP3.2 中引入百度编辑器ueditor 并实现图片自动上传至阿里云OSS
qq_39869677的博客
09-17 2153
从头到尾的小白教程,第一次发博客,欢迎一起讨论 1.引入百度ueditor(官网下载即可) 页面: &lt;script id="editor" type="text/plain" name="content" style="width:900px;height:500px;"&gt;{$info.content|htmlspecialchars_decode}&lt;/script&
百度富文本编辑器上传文件到OSS
qq_41688060的博客
09-07 1242
结合 Lavarel上传文件到OSS 实现富文本编辑器上传文件到OSS 一、引入自动加载函数如下图 二、修改上传文件类 /** * 上传到OSS * @param $file */ private function upOss($file) { $res = \Common\Service\UploadFileService::uedUploadFile($file, $this->getFileName()); if
军工行业CMS如何配置UEDITOR支持Word截图的一键上传？
alisky119的博客
10-01 1066
打工是不可能打工的，这辈子都不可能打工！但接单可以——尤其是这种‘帮高龄用户粘贴Word’的活儿，简单粗暴还能赚钱！赶紧加群，错过这村没这店！” 🚀（附：群内每日分享"如何用Zend Studio调试UEditor插件""MySQL性能优化"等干货）
TP5中百度富文本插件ueditor上传图片到oss上
风吹无痕，雨过无迹
03-18 1013
1.oss配置信息参照：https://blog.csdn.net/qq_36573434/article/details/104893650 2.修改上传类php文件 引入文件 添加代码 代码内容： //oss设置 $ossconfig = [ 'KeyId' => '', //您的Access Key ID 'KeySecr...
ueditor网页编辑器源码中，如何实现Word图片粘贴上传的逻辑？
weixin_45525177的博客
08-02 1067
通过此次开发，成功在现有系统中集成了高兼容性的文档处理功能，客户反馈良好，后续将推广至其他产品线。如果接口有权限验证（登陆验证，SESSION验证），请配置COOKIE。注意：不要重复引入jquery，如果您的项目已经引入了jq，则不用再引入jq-1.4。为图片地址增加域名，如果服务器返回的图片地址是相对路径，可通过此属性添加自定义域名。一键导入Word文件，并将Word文件转换成图片上传到服务器中。一键粘贴Word内容，自动上传Word中的图片，保留文字样式。：文档导入服务（使用PHPWord库）
军工项目是否支持在ueditor中粘贴CAD图纸？
alisky119的博客
09-07 1043
通过此次开发，成功在现有系统中集成了高兼容性的文档处理功能，客户反馈良好，后续将推广至其他产品线。如果接口有权限验证（登陆验证，SESSION验证），请配置COOKIE。注意：不要重复引入jquery，如果您的项目已经引入了jq，则不用再引入jq-1.4。为图片地址增加域名，如果服务器返回的图片地址是相对路径，可通过此属性添加自定义域名。一键导入Word文件，并将Word文件转换成图片上传到服务器中。一键粘贴Word内容，自动上传Word中的图片，保留文字样式。：文档导入服务（使用PHPWord库）
帝国CMS 百度Ueditor富文本编辑器整合阿里云OSS图片上传功能
06-07 713
帝国CMS 百度Ueditor富文本编辑器整合阿里云OSS图片上传功能帝国CMS全站同步阿里云OSS和百度编辑器上传图片同步阿里云OSS支持粘贴上传图片 外面都是整合阿里云OSS的附件功能，但是用百度编辑器还是不能同步OSS，特别是内容里粘贴截图自动上传同步的功能。 下载：帝国CMS全站同步阿里云OSS和百度编辑器上传图片同步阿里云OSS支持粘贴上传图片-PHP文档类资源-CSDN下载...
汽车制造企业UEDITOR如何优化截图粘贴后的图片上传效率？
alisky119的博客
10-01 1005
哈喽各位技术同僚们！我是山东某高校软件工程专业的大三学生，最近在折腾我的CMS新闻管理系统升级工作。今天想和大家分享一下我正在做的Word图片一键转存功能开发历程，顺便求点技术指导，当然也欢迎找我外包合作(咳咳，重点在技术分享啊！
军工行业CMS如何配置UEDITOR支持本地截图的一键上传？
alisky119的博客
09-29 708
通过此次开发，成功在现有系统中集成了高兼容性的文档处理功能，客户反馈良好，后续将推广至其他产品线。如果接口有权限验证（登陆验证，SESSION验证），请配置COOKIE。注意：不要重复引入jquery，如果您的项目已经引入了jq，则不用再引入jq-1.4。为图片地址增加域名，如果服务器返回的图片地址是相对路径，可通过此属性添加自定义域名。一键导入Word文件，并将Word文件转换成图片上传到服务器中。一键粘贴Word内容，自动上传Word中的图片，保留文字样式。：文档导入服务（使用PHPWord库）
laravel6百度编辑器ueditor +阿里云OSS图片或视频上传
fzxyxf1314的博客
08-03 561
项目介绍 laravel6百度编辑器ueditor +阿里云OSS图片或视频上传 安装教程 阿里云OSS sdk 百度编辑器 使用说明 在项目中引入必要的sdk 1、修改ueditor/php下的uploader.class.php类 修改上传文件处理的主方法 upfile private function upFile() { $file = $this->file = $_FILES[$this->fileField]; if
织梦ueditor富文本编辑器上传资源到阿里云功能
黑夜人的博客
06-13 743
织梦ueditor富文本编辑器上传资源到阿里云功能使用方法ueditor的目录结构 如图： 开发的原则中，就是改最少的代码，不写重复的代码，所有我们要先梳理这编辑器的请求流程 我们发现可以在一处位置进行修改，不论他传视频图片文件 都可以备份到阿里云所有我们可以这样干。 如图：所有的请求都会走uploader上传类所有我们把代码写到这里 //需要准备的工作，阿里云oss相关的上传sdk 和相应的配置...
军工行业OA系统如何集成JAVA版富文本编辑器支持图片自动上传？
weixin_45525177的博客
09-19 683
国产化适配关键点字体回退机制：需准备中文字体包（思源黑体等）输入法的兼容性测试（特别是中文标点输入）安全考虑实现上传文件类型白名单验证微信文章抓取添加频率限制（防封禁）后续规划开发信创环境专用安装包增加Markdown导入/导出功能实现与WPS在线编辑器的深度集成该方案已成功应用于3个省级政府项目，累计服务用户超10万，证明在信创环境下实现复杂富文本功能的技术可行性。建议后续项目预留15%预算用于持续兼容性维护。
网页富文本编辑器是否支持同时自动上传本地图片和Word粘贴的图片？
最新发布
weixin_45525177的博客
10-17 1091
毕业即失业？不存在的！自己造轮子，白嫖开源，99元也能搞大事！加群一起卷，说不定还能接个外包赚外快呢~” 🚀。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值