在所有的web系统中，用户经常会遇到上传图片的问题。通常用户的图片都是从数码相机里导出来的。而数码相机里导出来的图片相对于网页来讲可能会存在几点问题：

1、照片体积太大，一般都是2M左右；

2、可能需要进行翻转处理；

3、可能需要进行剪裁处理；

4、可能需要加上文字或者图片水印；

5、可能需要进行简单的特效处理。

据了解，大部分的用户对图片处理都不是和熟悉或者说在发布前要专门调用图片处理工具进行处理感到厌烦。

为解决这个问题，易创思教育门户平台专门有针对地开发了图片上传编辑控件，集成了上述图片功能。此控件是纯js的，不要用户安装插件，极大地方便了用户的使用！

图7-1　图片上传编辑器界面

图7-2　图片上传编辑器左侧操作区

图7-3　图片上传编辑器选择站内文件

图7-4　拖动控点对图片进行剪裁操作

图7-5模糊效果后的图片效果

图7-6设置水印效果区

图7-7设置图片/文字效果后