wangEditor 实现上传图片后获取图片的url

在 WangEditor 中，上传图片的接口需要返回一个 JSON 对象，其中包含图片的 url。当用户上传图片后，WangEditor 会发送一个 POST 请求到你所配置的上传图片接口，并将图片数据以 FormData 的形式发送到后端。后端需要将图片保存到服务器，并返回一个包含图片 url 的 JSON 对象。WangEditor 会自动将返回的图片 url 插入到编辑器中。

如果你使用的是 PHP 后端，可以使用如下代码来实现上传图片的接口：

<?php
    $result = array();  // 保存上传结果的数组
    $file = $_FILES['file'];  // 获取上传的文件

    if ($file['error'] == UPLOAD_ERR_OK) {  // 判断文件是否上传成功
        // 构造文件名，避免文件名重复
        $filename = date('YmdHis').rand(1000, 9999).'.'.pathinfo($file['name'], PATHINFO_EXTENSION);
        $filepath = '/path/to/upload/dir/'.$filename;  // 保存文件的路径

        if (move_uploaded_file($file['tmp_name'], $filepath)) {  // 将文件保存到服务器
            $result['errno'] = 0;
            $result['data'] = array('/uploads/'.$filename);  // 返回图片的 url
        } else {
            $result['errno'] = 1;
            $result['errmsg'] = '上传失败';
        }
    } else {
        $result['errno'] = 1;
        $result['errmsg'] = '上传失败';
    }

    echo json_encode($result);  // 返回上传结果的 JSON 数据
?>

在上述代码中，我们通过 `move_uploaded_file()` 函数将上传的文件保存到服务器，并将图片的 url 返回给前端。在 WangEditor 中，我们可以通过配置 `editor.config.uploadImgServer` 参数来设置上传图片的接口：

editor.config.uploadImgServer = '/path/to/upload.php';

当用户上传图片后，WangEditor 会将图片发送到 `/path/to/upload.php` 接口，并等待接口返回包含图片 url 的 JSON 对象。上传成功后，WangEditor 会自动将图片插入到编辑器中。