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

浏览:5719 发布日期:2014/11/14 分类:功能实现 关键字: Ueditor 图片上传 单独图片上传
之前用到了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);
        })
    });
});  
评论( 相关
后面还有条评论,点击查看>>