Ueditor编辑器图片上传

Ueditor编辑器图片上传

UEditor的图片上传采用了Flash上传的方式，在功能上支持批量、本地预览和实时进度提示，在界面上支持自定义背景、上传按钮和预览框等视觉元素的样式属性，基本能够满足各种用户的不同上传需求。
由于涉及到了后端开发语言、flash、js和html等各种不同的web元素，图片上传这块的配置和使用相对来说稍显复杂，不过只要你认真看完以下的内容，那一切都不是什么问题了。下面我们仍然以上文中的完整版实例来一步一步完成这个过程。
先来回顾一下完整版部署章节中提到的项目目录结构，如下左图所示。为了更加符合一般网站的具体实际，也为了更清晰地展示整体的路径配置流程，我们先对这个目录做一下小的改动：将ueditor目录下的server文件夹提取出来放置到根目录中的admin文件夹下。调整后的目录结构如下右图所示

首先来看前端部分的文件及其配置。打开dialogs/image文件夹，我们可以发现四个文件：
• callback.js：本上传模块支持的所有回调函数，你可以按需选用其中的内容。对于不需要做二次开发的你说，可以放心地直接删除。
• image.html：图片上传对话框的主体文件。前端的配置和修改基本在此处完成。
• imageUploader.swf：Flash上传文件。
• tangram.js：百度前端框架tangram封装的flash操作模块。一般无需修改。
打开image.html文件，找到baidu.swf.create()方法，有关图片上传的大部分配置都在这里进行。这其中的绝大部分参数相信你对着注释都能很容易明白意思，下面将挑选几个需要稍微解释的参数进行讲解：
首先是backgroundUrl、listBackgroundUrl和buttonUrl这三个参数。UEditor为