Question

如何上传图片到百度？

Answer 1

使用百度富文本编辑器ueditor（下面简称ue），我不得不给它一个大大的赞。我们在网站建设、前端开发时，网站的内容管理就使用了它。对于它的多图片上传和附件上传，个人感觉很好用，我就琢磨着是否可以外部调用多图上传和附件上传组件为自己所用，并封装成一个插件，节省单独开发的成本。
有了这个想法后，着手操作，理下实现思路，得出实现的关键在于监听这两个组件在编辑器里的插入动作。打开源码，苦心研究，皇天不负苦心人，终于摸索出解决方法，现在分享出来，给拥有同样想法的小伙伴，为网站建设届尽一份力。
注：本文基于UEditor1.4.3.3版本。
1、引入ue相关文件，写好初始代码
为了更好的封装整一个单独的插件，这里我们要做到示例化ue后隐藏网页中的编辑窗口，并移除焦点。
\u003C!doctype html>
\u003Chtml lang=\"zh-cn\">
\u003Chead>
\u003Cmeta charset=\"UTF-8\">
\u003Ctitle>外部调用UEditor的多图上传和附件上传\u003C/title>
\u003Cscript type=\"text/javascript\" charset=\"utf-8\" src=\"ueditor.config.js\">\u003C/script>
\u003Cscript type=\"text/javascript\" charset=\"utf-8\" src=\"ueditor.all.js\">\u003C/script>
\u003Cstyle>
ul{display: inline-block;width: 100%;margin: 0;padding: 0;}
li{list-style-type: none;margin: 5px;padding: 0;}
\u003C/style>
\u003C/head>
\u003Cbody>
\u003Ch1>外部调用UEditor的多图上传和附件上传示例\u003C/h1>
\u003Cbutton type=\"button\" id=\"j_upload_img_btn\">多图上传\u003C/button>
\u003Cul id=\"upload_img_wrap\">\u003C/ul>
\u003Cbutton type=\"