使用wangEditor上传图片

wangEditor是基于javascript和css开发的 Web富文本编辑器， 轻量、简洁、易用、开源免费

官方网站http://www.wangeditor.com/

翻看众多文档和博客后终于完成了此功能,总结一下心得

1.简单方法直接使用Base64保存图片,

  js中声明编辑器代码如下

 editor.customConfig.uploadImgShowBase64 = true   
    editor.create()

  生成格式为base64的编码,虽然使用简单,但是问题如下:

    (1)如果用外链图片的话，图片可以在页面渲染完成后继续加载，不会造成阻塞。

    (2)如果 base64 是被编码到 css/js 中，是可以缓存的，因为 css/js 文件可以缓存。

    (3)使用 base64 的另外一个弊端是 IE 的兼容性问题。

2.上传图片到服务器

使用Multipart/form-data POST提交,后端使用需要commons-fileupload-1.3.1 jar包

并修改mvc配置文件加入

<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
        <property name="maxUploadSize" value="10485760" />
</bean>

// 配置服务器