Maison > php教程 > php手册 > 百度ueditor编辑器独立出图片上传功能

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

WBOY
Libérer: 2016-09-23 03:29:57
original
1777 Les gens l'ont consulté

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

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Recommandations populaires
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal