CKEditor4结合php实现上传图片功能
发布:smiling 来源: PHP粉丝网 添加日期:2024-04-28 15:25:44 浏览: 评论:0
ckedit4是没有图片上传功能的,单我们可以通过配置 config.js 文件来设置图片上传的接口,然后结合后端程序实现图片上传。本文讲解CKEditor4结合php实现上传图片功能的方法。
配置 config.js 文件
找到ckeditor目录下的config.js文件,添加两个配置
config.extraPlugins = 'uploadimage'
config.filebrowserImageUploadUrl = '/api/UploadImg/upload.php'
//filebrowserImageUploadUrl 替换成你需要上传的接口
我们点击图片按钮时候,便发现弹窗中多了上传的tag界面 ,里面有选择文件按钮,可以上传图片到服务器,也就是会把file文件发送到上面设置的filebrowserImageUploadUrl接口。
upload.php 后端处理文件
TIPS:
1、ckedit4需要返回的json文件处理后续操作,使用json_encode;
2、$_REQUEST["ckCsrfToken"]是ckedit4需要的;
3、做了文件格式验证和文件大小处理;
4、文件名uniqid唯一处理。
- <?php
- $callback = $_REQUEST["ckCsrfToken"];
- $list=array("uploaded"=>'0','callback'=>$callback);
- $upaddress = "/uploads/allimg/".strftime("%Y%m",time())."/";
- echo upload();
- function upload(){
- global $list,$upaddress;
- $callback = $_REQUEST["ckCsrfToken"];
- $extensions = array("jpg","bmp","gif","png");
- $allowed_types = ['image/jpeg', 'image/png', 'image/gif'];
- $uploadFilename = $_FILES['upload']['name'];
- $uploadFilesize = $_FILES['upload']['size'];
- $uploadFiletype = $_FILES['upload']['type'];
- $extension = pathInfo($uploadFilename,PATHINFO_EXTENSION);
- if(is_uploaded_file($_FILES['upload']['tmp_name']) && $uploadFilesize < 1024*300 && in_array($uploadFiletype, $allowed_types) && in_array($extension,$extensions)){
- $uploadPath = $_SERVER['DOCUMENT_ROOT'].$upaddress;
- if(!file_exists($uploadPath))
- {
- mkdir($uploadPath,0777,true);
- }
- $uuid = str_replace('.','',uniqid("",TRUE)).".".$extension;
- $desname = $uploadPath.$uuid;
- $tag = move_uploaded_file($_FILES['upload']['tmp_name'],$desname);
- $list['uploaded']=1;
- $list['fileName']=$uuid;
- $list['url']=$upaddress.$uuid;
- return json_encode($list);
- }else{
- $list['error']="文件类型不对或文件太大!";
- return json_encode($list);
- }
- }
- ?>
Tags: CKEditor4 php上传图片
- 上一篇:使用PHP实现图片上传接口的实例代码
- 下一篇:最后一页
相关文章
- ·PHP上传图片程序代码工作笔记(2014-06-15)
- ·PHP中上传图片到服务器中程序代码(2014-07-26)
- ·php 异步上传图片几种方法总结(2014-08-28)
- ·php上传图片之时间戳命名(保存路径)(2021-03-31)
- ·PHP安全上传图片的方法(2021-05-17)
- ·php上传图片客户端和服务器端实现方法(2021-05-19)
- ·php实现上传图片文件代码(2021-06-13)
- ·php上传图片并压缩的实现方法(2021-06-30)
- ·php上传图片获取路径及给表单字段赋值的方法(2021-07-07)
- ·php上传图片类及用法示例(2021-08-02)
- ·PHP上传文件及图片到七牛的方法(2021-10-19)
- ·PHP上传图片到数据库并显示的实例代码(2022-01-31)
- ·如何利用PHP实现上传图片功能详解(2022-03-28)
- ·php实现上传图片功能(2022-05-22)
- ·php上传图片无法显示的问题(2022-07-05)
推荐文章
热门文章
最新评论文章
- 写给考虑创业的年轻程序员(10)
- PHP新手上路(一)(7)
- 惹恼程序员的十件事(5)
- PHP邮件发送例子,已测试成功(5)
- 致初学者:PHP比ASP优秀的七个理由(4)
- PHP会被淘汰吗?(4)
- PHP新手上路(四)(4)
- 如何去学习PHP?(2)
- 简单入门级php分页代码(2)
- php中邮箱email 电话等格式的验证(2)