froala富文本编辑器的引入与图片上传的代码实现

咱们都知道，博客的属于图文混合的文章，在这里我们就需要用到富文本。而老梁对比了市面上几种流行的富文本发现froala_editor是非常方便的一款，对于所见即所得完成的较好，所以老梁就采用了这款富文本，虽然是收费的，但是大家可以在网上下载相关的破解版。

首先需要在项目中引入froala富文本的相关文件，如下图：

然后在jsp文件中引入相关的依赖，如下图所示：

css样式

js

富文本的展现代码如下图：

引入以上代码就可以显示出froala富文本，在富文本中比较重要的是图片的上传，在这里老梁使用ajax传递图片，使用MultipartFile来接收图片存储到服务器中。

前端的代码如下：

java后端接收并存储图片的代码如下：

controller保存图片

图片上传的工具类

以上的代码就可以将froala富文本中的图片上传到服务器中，是不是非常简单呢。