从web编辑器 UEditor 中单独提取图片上传，包含多图片单图片上传以及在线涂鸦功能

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码。（抄的...）

UEditor是非常好用的富文本web编辑器，而且全中文API和注释，方便学习和使用。特别是图片上传查看及涂鸦功能极为喜欢，但是有很多情况我们并不需要Web编辑器，而只需要图片上传。那么问题来了,提取图片上传哪家强.....

网上有很多图片上传的控件、插件。但都不是那么的完美，有的只有一张图片上传不包含批量上传，有的没有图片查看功能，还有的必须要flash的支持（ios系统就悲剧了），当然还有的不能跨语言，还有上传没有状态显示，当然还有客户体验不是太好， 浏览器兼兼容问题就更多了，在线涂鸦更是少之又少。而UEditor上传图片几乎解决了以上的问题。

废话不多说，走起。

一、从官网（http://ueditor.baidu.com/website/download.html）上下载UEditor选择开发版[1.4.2 .Net 版本]，1、因为本人.Net。2、老的版本更稳定，新版本不支持ie8以下版本。关于其他语言的开发其实和.Net一样，主要是思路。

二、按照官网的说明文档（http://fex-team.github.io/ueditor/）把UEditor部署到VS（http://fex-team.github.io/ueditor/#server-net）中，保证UEditor可以正常使用，特别是图片上传功能。本文主要讲解单独提取UEditor图片上传功能，所以对UEditor的使用部署请参考官网（http://ueditor.baidu.com）。图是本人在VS中的目录结构。

三、修改config.json相关配置信息，这个配置主要关于上传以及查看图片的相关配置。

四、修改ueditor.config.js中的toolbars以及serverUrl ，我们只显示多图片单图片以及涂鸦的显示。

// 服务器统一请求接口路径
        , serverUrl: URL + "../../Common/controller.ashx"

        //工具栏上的所有的功能按钮和下拉框，可以在new编辑器的实例时选择自己需要的从新定义
        , toolbars: [[ 'insertimage', 'scrawl', 'simpleupload'  ]]

五、我们的主要内容是创建自己的通用提取上传图片的js文件（custom.js）和简单修改UEditor的ueditor.all.js文件。

　　1)、我们在页面中添加UEditor显示Div[editor-img]以及我们后面要处理上传完以后处理文件的名称[temp-img-list]，还有初始化Ueditor。

 $("body").append("