百度ueditor編輯器獨立出圖片上傳功能
- WBOY原創
- 2016-09-23 03:29:571742瀏覽
將百度編輯的圖片上傳功能獨立出來 適合做一些特殊的圖片上傳功能<textarea></textarea> <br>
<script></script>; <br>
<script></script><br>
<script></script><br>
<br>
//自訂請求位址<br>
UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;<br>
UE.Editor.prototype.getActionUrl = 函數（動作）{<br>
if (action == 'uploadimage') { //上傳圖片<br>
return 「{:Addons_url('Materialnew://Materialnew/upload')}」;<br>
} else if(action == 'config') { //載入設定<br>
//返回 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（函數（）{<br>
//設定編輯器無法使用<br>
//_editor.setDisabled(); 這個地方要留意一定要增強<br>
//隱藏式編輯器，因為不會佔用這個編輯器實例，所以要隱藏<br>
UE_editor.hide(); <br>
//使用影像上傳<br>
UE_editor .addListener('beforeinsertimage', 函數 (t, arg) { <br>
//將位址屬性給予對應的輸入，且只去第一張圖片的路徑<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>
});<br>
//彈出圖片上傳對話方塊<br>
$(".upload-img-box").click(function(){<br>
var myImage = UE_editor.getDialog("insertimage");<br>
myImage.open();<br>
});