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

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

Sep 23, 2016 am 03:29 AM

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

热门文章

仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章

仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章标签

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

了解Python编程的入门级代码示例 了解Python编程的入门级代码示例 Jan 04, 2024 am 10:50 AM

了解Python编程的入门级代码示例

PHP 变量的实际应用:10 个实际使用示例 PHP 变量的实际应用:10 个实际使用示例 Feb 19, 2024 pm 03:00 PM

PHP 变量的实际应用:10 个实际使用示例

如何使用PHP编写库存管理系统中的库存分仓管理功能代码 如何使用PHP编写库存管理系统中的库存分仓管理功能代码 Aug 06, 2023 pm 04:49 PM

如何使用PHP编写库存管理系统中的库存分仓管理功能代码

从入门到精通:Go语言中常用数据结构的代码实现 从入门到精通:Go语言中常用数据结构的代码实现 Mar 04, 2024 pm 03:09 PM

从入门到精通:Go语言中常用数据结构的代码实现

Java实现简单的冒泡排序代码 Java实现简单的冒泡排序代码 Jan 30, 2024 am 09:34 AM

Java实现简单的冒泡排序代码

Go语言编程实例:Web开发中的代码示例 Go语言编程实例:Web开发中的代码示例 Mar 04, 2024 pm 04:54 PM

Go语言编程实例:Web开发中的代码示例

华为云边缘计算对接指南:Java代码示例快速实现接口 华为云边缘计算对接指南:Java代码示例快速实现接口 Jul 05, 2023 pm 09:57 PM

华为云边缘计算对接指南:Java代码示例快速实现接口

指导与示例:学习Java选择排序算法的实现 指导与示例:学习Java选择排序算法的实现 Feb 18, 2024 am 10:52 AM

指导与示例:学习Java选择排序算法的实现

See all articles