首页 > php教程 > php手册 > 正文

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

WBOY
发布: 2016-09-23 03:29:57
原创
1700 人浏览过

将百度编辑的图片上传功能独立出来 适合做一些特殊的图片上传功能
<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>

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门推荐
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!