ajax 在 Codeigniter 中以良好的 link 响应后，如何在 Froala Editor 中显示图像？

Question

我正在使用 Codeigniter3 和 Froala Editor 在我的网站上发布一些内容当我在 Froala Editor 中点击插入图片并从 Ajax 响应为 link 图片时，我也创建了图片上传，但它没有在 Froala 编辑器

中显示

问题图片在Froala编辑器中不显示但它已经上传到服务器（本地主机）。

这是我的 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>

并且这是images 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 文章中有更多详细信息。

ajax 在 Codeigniter 中以良好的 link 响应后，如何在 Froala Editor 中显示图像？

How to display images in Froala Editor after ajax respond with a good link in Codeigniter?

javascript

jquery

codeigniter

froala