0

私は自分のウェブサイトにいくつかのコンテンツを投稿するためにCodeigniter3とFroala Editorを使用しています。また、 Froala Editorで画像の挿入をクリックし、Ajax から画像のリンクとして応答した後、画像のアップロードを作成していますが、 Froalaには表示されません。編集者

問題画像が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>

そして、これは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 に答える