您的位置:首页 > 产品设计 > UI/UE

基于UEditor的单独图片上传实现

2015-11-21 00:00 609 查看
摘要: UEditor的单独图片上传

//基于UEditor的单独图片上传
(function($){
$.uploadimages = function(uploadId){
var rand = Math.ceil(Math.random() * 1000) * Math.floor(Math.random() * 100);
var editorId = 'upload_images_' +rand + '_ueditor';
$("<div style='display:none;'></div>")
.append("<script id='"+editorId+"' type='text/plain'></script>")
.appendTo('body');

var _editor = this.getEditor(editorId);
_editor.ready(function(){
_editor.setDisabled('insertimage');
_editor.hide();
_editor.addListener('beforeinsertimage',function(t,args){
var url = args[0].src;
//alert(t + '['+ uploadId+']:' + url);
if(typeof(uploadId) == 'string'){
$('#' + uploadId).val(url);
}else if(typeof(uploadId) == 'object'){
$(uploadId).val(url);
}

});
});
};

$.uploadimages.prototype = {
getEditor:function(editorId){
this.editor = UE.getEditor(editorId);
return this.editor;
},
show:function(){
var _editor = this.editor;
var img = _editor.getDialog('insertimage');
img.render();
img.open();
}
};
})(jQuery);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: