京东6.18大促主会场领京享红包更优惠

 找回密码
 立即注册

QQ登录

只需一步,快速开始

CKEditor4结合php实现上传图片功能

2024-11-4 07:09| 发布者: 8b79| 查看: 90| 评论: 0

摘要: 目次配置 config.js 文件upload.php 后端处理惩罚文件总结ckedit4是没有图片上传功能的,单我们可以通过配置 config.js 文件来设置图片上传的接口,然后结合后端程序实现图片上传。本文解说CKEditor4结合php实现上传
目次

ckedit4是没有图片上传功能的,单我们可以通过配置 config.js 文件来设置图片上传的接口,然后结合后端程序实现图片上传。本文解说CKEditor4结合php实现上传图片功能的方法。

配置 config.js 文件

找到[code]ckeditor[/code]目次下的[code]config.js[/code]文件,添加两个配置

[code]config.extraPlugins = 'uploadimage' config.filebrowserImageUploadUrl = '/api/UploadImg/upload.php' //filebrowserImageUploadUrl 替换成你必要上传的接口[/code]

我们点击图片按钮时间,便发现弹窗中多了上传的[code]tag[/code]界面 ,内里有选择文件按钮,可以上传图片到服务器,也就是会把file文件发送到上面设置的filebrowserImageUploadUrl接口。

upload.php 后端处理惩罚文件

TIPS:

1、ckedit4必要返回的json文件处理惩罚后续操纵,使用json_encode;

2、$_REQUEST["ckCsrfToken"]是ckedit4必要的;

3、做了文件格式验证和文件大小处理惩罚;

4、文件名uniqid唯一处理惩罚。

[code]<?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); } } ?>[/code]

总结

到此这篇关于CKEditor4结合php实现上传图片功能的文章就介绍到这了,更多相干CKEditor4实现上传图片内容请搜索脚本之家从前的文章或继承欣赏下面的相干文章盼望各人以后多多支持脚本之家!


来源:https://www.jb51.net/program/318389p1j.htm
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
关闭

站长推荐上一条 /6 下一条

QQ|手机版|小黑屋|梦想之都-俊月星空 ( 粤ICP备18056059号 )|网站地图

GMT+8, 2025-7-1 20:58 , Processed in 0.044067 second(s), 18 queries .

Powered by Mxzdjyxk! X3.5

© 2001-2025 Discuz! Team.

返回顶部