javascript - ajax 响应并在 Codeigniter 中提供良好链接后，如何在 Froala 编辑器中显示图像？

Question

我正在使用 Codeigniter3 和 Froala Editor 在我的网站上发布一些内容当在 Froala Editor 中单击插入图像时，以及从 Ajax 响应作为图像链接后，我还会创建一个图像上传，但它不会在 Froala Editor 中显示

问题 图片不显示在Froala编辑器中，但它已经上传到服务器(localhost)。

这是我的 Froala 编辑器

<script>
    $(function () {
        $('#edit').editable({
            inlineMode: false,
            mediaManager: false,
            showInsertImage:true,
            imageUploadParam: 'up_img',
            setHTML:true,
            imageUploadURL: 'http://localhost/site/gotoadmin/image/edit_img',
              imageErrorCallback: function (data) { 
              if (data.errorCode == 1) {
                console.log ('bad link')
              }

              else if (data.errorCode == 2) {
                console.log ('bad response')
              }

              else if (data.errorCode == 3) {
                console.log ('upload error')
              }
          }
        })
    });
</script>

这是图像 Controller 中使用 CI3 上传图像的功能

public function edit_img() {

    $this->load->helper(array('form', 'url'));
    $config['upload_path'] = '../assets/img/editor';
    $config['image_library'] = 'gd2';
    $config['allowed_types'] = 'gif|jpg|png';
    $config['max_size'] = '1000000';
    $config['max_width'] = '102400';
    $config['max_height'] = '768000';
    $this->load->library('upload', $config);
    $token = $this->security->get_csrf_hash();

    $res = FALSE;
    if (!$this->upload->do_upload('up_img')) {
        $response = FALSE;
    } else {
        $data = $this->upload->data();
        $response = 'http://localhost/site/assets/img/editor/'.$data['file_name'];
    }
    echo stripslashes(json_encode($response));
}

这是我的回复数据

"http://localhost/site/assets/img/editor/back.jpg" (This link is work when I copy past to browser I can see the images)

谢谢

Answer 1

响应应该是 JSON。您的响应应该以不同的方式创建:

$response = new StdClass;
$response->link = 'http://localhost/site/assets/img/editor/'.$data['file_name'];
echo stripslashes(json_encode($response));

Froala Editor Php Image Upload 上有更多相关详细信息。文章。