ueditor 百度富文本编辑器后端配置(上传图片)

news/2024/11/20 21:32:21/

在前端已经写好的情况下进行以下操作

1,在public/assets/addons/ueditor内新建 config.json并加入以下代码

{"imageActionName": "uploadimage","imageFieldName": "upfile","imageMaxSize": 2048000,"imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"],"imageCompressEnable": true,"imageCompressBorder": 1600,"imageInsertAlign": "none","imageUrlPrefix": "","imagePathFormat": "/uploads/{yyyy}{mm}{dd}/{time}{rand:6}","videoActionName": "uploadvideo","videoFieldName": "upfile","videoPathFormat": "/uploads/{yyyy}{mm}{dd}/{time}{rand:6}","videoUrlPrefix": "","videoMaxSize": 102400000,"videoAllowFiles": [".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg", ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid"],"fileActionName": "uploadfile","fileFieldName": "upfile","filePathFormat": "upload/file/{yyyy}{mm}{dd}/{time}{rand:6}","fileMaxSize": 102400000,"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", ".crx"]
}

2,写上传图片接口

public function index(){$action = $this->request->param('action');switch($action){case 'config':$result = file_get_contents(ROOT_PATH.'/public/assets/addons/uetidor/config.json');//第一步时json文件的路径break;case 'uploadimage':$file = $this->request->file('upfile');if($file){$info = $file->move(ROOT_PATH . 'public' . DS . 'uploads');$res = $info->getInfo();$res['state'] = 'SUCCESS';$res['url'] = '/uploads/'.$info->getSaveName();$result = json_encode($res);}break;case 'uploadvideo':$file = $this->request->file('upfile');if($file){$info = $file->move(ROOT_PATH . 'public' . DS . 'uploads');$res = $info->getInfo();$res['state'] = 'SUCCESS';$res['url'] = '/uploads/'.$info->getSaveName();$result = json_encode($res);}break;case 'uploadfile':$file = $this->request->file('upfile');if($file){$info = $file->move(ROOT_PATH . 'public' . DS . 'uploads' . DS . 'file');$res = $info->getInfo();$res['state'] = 'SUCCESS';$res['url'] = '/uploads/file/'.$info->getSaveName();$result = json_encode($res);}break;default:break;}return $result;}

这个时候已经管用了但是上传的图片没有前缀,无法在富文本编辑器内回显,这个时候回到上传接口这一步

在这个地方拼接一下自己的前缀即可回显成功 


http://www.ppmy.cn/news/624971.html

相关文章

【深度学习】Stable Diffusion

Stable Diffusion原理: https://zhuanlan.zhihu.com/p/632866251 训练过程: 文生图方法: 图生图方法:

Win10安双系统ubuntu16.04(用ThinkpadW540)

首先,U盘制作依然参考的上一篇博文,用Rufus2.18,制作UEFI计算机的GPT分区,“文件系统”选择NTFS-8192字节。 另外,ubuntu下载amd64版,不要下载i386版。 安装步骤参照 https://www.cnblogs.com/masbay/p/108…

ThinkPad电脑(win10)总是自动休眠的解决办法,亲测有效~

1.运行注册表管理器,winr ,输入regedit.exe 2.定位到HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Power\PowerSettings\238C9FA8-0AAD-41ED-83F4-97BE242C8F20\7bc4a2f9-d8fc-4469-b07b-33eb785aaca0 3.右键单击attributes,选择修改…

关于框架(Framwork)

声明&#xff1a;本文参考以下文章 [url]http://dev.yesky.com/125/2274625.shtml[/url] [url]http://coffeewoo.itpub.net/post/9169/253650[/url]<?xml:namespace prefix o ns "urn:schemas-microsoft-com:office:office" /> [url]http://www.cnitblog.co…

Path Classpath

运行Java程序时要设置Path和Classpath环境变量&#xff0c;用以标识相关文件的存在。定义 环境变量Path和Classpath都是由一连串由冒号隔开的目录名组成&#xff0c;它们定义了用户执行的命令在系统中的查找顺序。不同的是&#xff0c;Path是让操作系统找到可执行文件的存在…

剑法三套,程序员也能挣大钱(二)

原文地址&#xff1a;[url]http://wakan.blog.51cto.com/59583/7231[/url] &#xff08;本文共分三部分&#xff0c;现在打开的是《第二部分》&#xff0c;欢迎阅读《第一部分》和《第三部分》&#xff09; 3 设计&#xff0c;方法为指导 3.1 阶段释义 老李&#xff1a;老张&…

azure databricks因为notebook 日志打多或者打印图片太多,往下拉卡死怎么处理

1、同事碰到个问题&#xff0c;databricks 页面卡死不动了 2、我。。。。。。。。测试了下搞不定&#xff0c;找azure的工程师&#xff0c;特此笔记如下图 !](https://img-blog.csdnimg.cn/5db9756d0e224d15a9a607561b47591f.png)

人与代码

近两周一直在加班&#xff0c;照着各种式样书做コディング和テスト。虽然天天跟代码打交道&#xff0c;却从来也没想过人与代码的关系。今天也不怕大家笑话了&#xff0c;发块小砖&#xff0c;希望能引出大家的美玉来&#xff01; 按照软件生命周期来讲&#xff0c;最先跟代码挂…