php富文本编辑器多图片上传,Thinkphp5使用kindeditor富文本编辑器实现图片上传处理功能（二）...

1、下载kindediotr富文本编辑器相关资料包(http://kindeditor.net/demo.php官方网站下载)

2.将下载文件拷贝到实际项目相应路径中(我放置的目录pulibc/static/admin/kindeditor)

3.在需要上传图片的.html文件引入kindeditor相关资源文件，我在添加文章页面引入相关资源。

文章内容

var editor1 = K.create('textarea[name="content"]', {

cssPath : '__Admin__/kindeditor/plugins/code/prettify.css',

uploadJson : "{:url('tool/index')}",//本地图片上传

fileManagerJson : '__Admin__/kindeditor/php/file_manager_json.php',//图片空间管理

afterCreate : function(){

var self = this;

K.ctrl(document, 13, function(){

self.sync();

K('form[name=example]')[0].submit();

});

K.ctrl(self.edit.doc, 13, function(){

self.sync();

K('form[name=example]')[0].submit();

});

}

});

prettyPrint();

});

4.看看后台上传图片功能如何实现：

class Tool extends Controller

{

public function index(){

if(request()->isPost()){

//先判断有无图片上传

$file=request()->file('imgFile');

//移动到框架根目录/public/uploads/目录下

if($file){

$info=$file->move(ROOT_PATH.'public' . DS . 'uploads');

//var_dump($info);

if($info){

$data=array(

'url'=>'http://127.0.0.1/wnfw/public/uploads/'.$info->getSaveName(),

'error'=>0

);

exit(json_encode($data));

}else{

$error['error']=1;

$error['message']=$file->getError();

exit(json_encode($error));

}

}

}

}

}