0

我正在使用Codeigniter3和Froala 编辑器在我的网站上发布一些内容，当单击Froala 编辑器中的插入图像并从 Ajax 响应作为图像链接后，我还创建了图像上传，但它没有显示在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>

这是图像控制器中使用 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)

谢谢

4

1 回答 1

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文章中有更多详细信息。

于 2015-07-24T16:04:41.023 回答