首页  >  文章  >  php教程  >  百度ueditor编辑器独立出图片上传功能

百度ueditor编辑器独立出图片上传功能

WBOY
WBOY原创
2016-09-23 03:29:571739浏览

将百度编辑的图片上传功能独立出来 适合做一些特殊的图片上传功能
<textarea></textarea>   <br> <script></script>  <br> <script></script><br> <script></script><br> <script><br /> //自定义请求地址<br /> UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;<br /> UE.Editor.prototype.getActionUrl = function(action) {<br /> if (action == &#039;uploadimage&#039;) { //上传图片<br /> return "{:Addons_url(&#039;Materialnew://Materialnew/upload&#039;)}";<br /> } else if(action == &#039;config&#039;) { //加载配置<br /> //return this._bkGetActionUrl.call(this, action);<br /> return "{:Addons_url(&#039;Materialnew://Materialnew/uploadconfig&#039;)}";<br /> <br /> }<br /> } <br /> //自定义请求地址结束<br /> var UE_editor=UE.getEditor(&#039;j_ueditorupload&#039;);<br /> UE_editor.ready(function () {<br /> //设置编辑器不可用<br /> //_editor.setDisabled(); 这个地方要注意 一定要屏蔽<br /> //隐藏编辑器,因为不会用到这个编辑器实例,所以要隐藏<br /> UE_editor.hide(); <br /> //侦听图片上传<br /> UE_editor .addListener(&#039;beforeinsertimage&#039;, function (t, arg) { <br /> //将地址赋值给相应的input,只去第一张图片的路径 <br /> var imgs;<br /> for(var a in arg){<br /> imgs +=arg[a].src+&#039;,&#039;;<br /> } <br /> console.log(arg);<br /> $("#cover_id_p_cover").attr("value", arg[0].src);<br /> //图片预览<br /> $(".upload-pre-item2 img").attr("src", arg[0].src); <br /> $(&#039;.editing .main_img img&#039;).attr(&#039;src&#039;,arg[0].src);<br /> $(&#039;.editing&#039;).find(&#039;textarea[name="cover_id"]&#039;).val(arg[0].src);<br /> })<br /> <br /> });<br /> //弹出图片上传对话框<br /> $(".upload-img-box").click(function(){<br /> var myImage = UE_editor.getDialog("insertimage");<br /> myImage.open();<br /> });</script>

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn