Ueditor独立图片上传的一个BUG的解决

原创: 2016-06-07 11:40:32 1050浏览

之前用到了Ueditor官网上面的ueditor for thinkphp 3.2插件，之后整合进自己的项目，在使用单独图片上传时发现了侦听事件不起作用。找了度娘，大家都有这个问题，去看了官方文档，最终解决了问题，分享给大家。
之前用到了Ueditor官网上面的ueditor for thinkphp 3.2插件，之后整合进自己的项目，在使用单独图片上传时发现了侦听事件不起作用。
找了度娘，大家都有这个问题，去看了官方文档，最终解决了问题，分享给大家。
先上问题截图

再上官方文档

SO，给多图上传模块加上例外就可以使用了。

//---上传首图开始---

var _editor;

$(function() {

   //重新实例化一个编辑器，防止在上面的editor编辑器中显示上传的图片或者文件

    _editor = UE.getEditor('upload_ue', {

        serverUrl :'/Home/Index/ueditor.html',

     });

    _editor.ready(function () {

        //设置编辑器不可用

        _editor.setDisabled('insertimage'); 

        //隐藏编辑器，因为不会用到这个编辑器实例，所以要隐藏

        _editor.hide();

        //侦听图片上传

        _editor.addListener('beforeInsertImage', function (t, arg) {

            $("#picture").attr("value", arg[0].src);

            //图片预览

            $(".form-post .pic-show").show();

            $("#preview").attr("src", arg[0].src);

        })

    });

});