上传图片有两种,一种是base64直接保存,一种是简单配置一下;

基本实例化
var E = window.wangEditor;
var editor = new E('#editor');
editor.create();
一、 一种是base64直接保存,但是值太长,保存到数据库不友好,不建议,但是简单,直接开启就行
editor.customConfig.uploadImgShowBase64 = true;//开启即可用
二、 第二种是非base64,需要配置一下,
editor.customConfig.uploadImgServer = 'admin/Information/mww';//定义后台接收地址
editor.customConfig.uploadFileName = 'thumb';//自定义名字,后台$_FILES接收
editor.customConfig.uploadImgMaxSize = 2 * 1024 * 1024;//限制2M
editor.customConfig.uploadImgHooks = {//监听图片上传的步骤过程
     customInsert: function (insertImg, result, editor) {
            // 图片上传并返回结果,自定义插入图片的事件(而不是编辑器自动插入图片!!!)
            // insertImg 是插入图片的函数,editor 是编辑器对象,result 是服务器端返回的结果
            // 举例:假如上传图片成功后,服务器端返回的是 {url:'....'} 这种格式,即可这样插入图片:
            var url = result.url;
            insertImg(url)
            // result 必须是一个 JSON 格式字符串!!!否则报错
        }
    };
后台接收并处理(只是示例,只做简单的上传操作而已),返回图片路径,一定要是json格式的
public function mww(){
        $dir = $_SERVER['DOCUMENT_ROOT'];
        $url =  "http://".$_SERVER['HTTP_HOST'];
        if(!empty($_FILES['thumb']['tmp_name'])){
            //=======重命名=====
            $rand = date('YmdHis').rand(100000,999999);
            $exe = explode('.',$_FILES['thumb']['name']);
            $exe = end($exe);
            $newName = $rand . '.' .$exe;
            //=======================
            if(move_uploaded_file($_FILES['thumb']['tmp_name'],"{$dir}/upload/{$newName}")){
                $url = "{$url}/upload/{$newName}";
                return json_encode(['status'=>200,'url'=>$url]);
            }else{
                return json_encode(['status'=>0,'msg'=>'图片保存失败']);
            }
        }
    }
PS:这两种只能使用一种,不能同时使用,且必须都在editor.create();之前使用
PS2:其他参数和功能详见官网

标签: none

添加新评论