码迷,mamicode.com
首页 > Web开发 > 详细

ueditor单独调用图片上传

时间:2016-05-21 11:36:42      阅读:297      评论:0      收藏:0      [点我收藏+]

标签:

JS代码:注意放在页面的最下面,页面需要加载ueditor必备的2个js,放在页面的头部:

 

ueditor/editor_all_min.js
ueditor/editor_config_big.js

var myEditorImage;
var d;
function upImage() {    
    d = myEditorImage.getDialog("insertimage");
    d.render();
    d.open();
}

myEditorImage= new UE.ui.Editor();
myEditorImage.render(‘myEditorImage‘);
myEditorImage.ready(function(){
	myEditorImage.setDisabled();
	myEditorImage.hide();//隐藏UE框体
	myEditorImage.addListener(‘beforeInsertImage‘,function(t, arg){
		alert(arg[0].src);//arg就是上传图片的返回值,是个数组,如果上传多张图片,请遍历该值。
		//把图片地址赋值给页面input,我这里使用了jquery,可以根据自己的写法赋值,到这里就很简单了,会js的都会写了。
		$("#abccc").attr("value", arg[0].src);
	});
});

 

调用的页面:

<tr>
	<th>上传图片</th>
	<td>
		<input type="text" id="abccc" />
		<input type="button" id="myEditorImagesss" onclick="upImage();" value="上传图片"/>
	</td>
</tr>

ueditor单独调用图片上传

标签:

原文地址:http://www.cnblogs.com/thinkbig/p/5514311.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!