Heim > php教程 > php手册 > Der Baidu Ueditor-Editor verfügt über eine unabhängige Funktion zum Hochladen von Bildern

Der Baidu Ueditor-Editor verfügt über eine unabhängige Funktion zum Hochladen von Bildern

WBOY
Freigeben: 2016-09-23 03:29:57
Original
1773 Leute haben es durchsucht

Separate Bild-Upload-Funktion des Baidu-Editors, geeignet für einige spezielle Bild-Upload-Funktionen
<textarea id="j_ueditorupload" name="image_textarea" ></textarea>   <br> <script src="__ADDONROOT__/Public/ueditor/ueditor.config.js"></script>  <br> <script src="__ADDONROOT__/Public/ueditor/ueditor.all.min.js"></script><br> <script type="text/javascript" charset="utf-8" src="__ADDONROOT__/Public/ueditor/lang/zh-cn/zh-cn.js"></script><br> <script><br> //自定义请求地址<br>         UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;<br>         UE.Editor.prototype.getActionUrl = function(action) {<br>             if (action == 'uploadimage') {    //上传图片<br>                   return "{:Addons_url('Materialnew://Materialnew/upload')}";<br>             } else  if(action == 'config') {    //加载配置<br>                     //return this._bkGetActionUrl.call(this, action);<br>                   return "{:Addons_url('Materialnew://Materialnew/uploadconfig')}";<br>                   <br>             }<br>         }             <br>         //自定义请求地址结束<br>         var UE_editor=UE.getEditor('j_ueditorupload');<br>          UE_editor.ready(function () {<br>              //设置编辑器不可用<br>             //_editor.setDisabled();  这个地方要注意 一定要屏蔽<br>             //隐藏编辑器,因为不会用到这个编辑器实例,所以要隐藏<br>             UE_editor.hide(); <br>             //侦听图片上传<br>             UE_editor .addListener('beforinsertimage', function (t, arg) { <br>                 //将地址赋值给相应的input,只去第一张图片的路径 <br>                 var imgs;<br>                 for(var a in arg){<br>                     imgs  =arg[a].src ',';<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>                 $('.editing .main_img img').attr('src',arg[0].src);<br>                        $('.editing').find('textarea[name="cover_id"]').val(arg[0].src);<br>              })<br>                                                                                  });<br> //Dialogfeld zum Hochladen von Bildern öffnen<br>           $(".upload-img-box").click(function(){<br>           var  myImage = UE_editor.getDialog("insertimage");<br> myImage.open();<br>              });</script><br>

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage