summernote图片上传功能保存到服务器指定文件夹+php代码+java方法

最新推荐文章于 2024-07-30 10:59:00 发布

wang404838334

最新推荐文章于 2024-07-30 10:59:00 发布

阅读量2.2k

点赞数

分类专栏： javascript 前端插件

本文链接：https://blog.csdn.net/wang404838334/article/details/78449174

版权

本文介绍了如何使用summernote富文本编辑器将上传的图片保存到服务器指定文件夹。通过Ajax和控制器操作，实现了图片的移动和在编辑器中显示。在提交时，图片路径被插入到数据库中，文章详细讲解了JavaScript、PHP和Java的实现方法，提供相关Demo和源代码链接。

摘要由CSDN通过智能技术生成

1.summernote富文本编辑器

　　summernote是一款基于bootstrap的富文本编辑器，是一款十分好用的文本编辑器，还附带有图片和文件上传功能。

　　那么在我们网站中想吧这个图片上传到服务器指定文件夹中，就要在选择图片是进行ajax移动图片。

　　1.1了解summernote本身图片保存方式。

　　summernote默认保存的是图片的base64数据，并没有存储图片文件。

2.进行summernote图片的保存

　　Html代码：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Summernote</title>
  <link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
  <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script> 
  <script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script> 

//这个css和js请到官网进行下载（点击上面的summernote就可以直达官网）
  <link