ssh 使用 wangeditor3 富文本编辑器上传图片方法

最新推荐文章于 2024-07-29 15:54:42 发布

Cool__Xu

最新推荐文章于 2024-07-29 15:54:42 发布

阅读量5.7k

点赞数 3

分类专栏： ssh框架文章标签： ssh 富文本编辑器 wangeditor

本文链接：https://blog.csdn.net/Stephen__Xu/article/details/78536594

版权

这段时间在搞一个小网站的项目，其中有个功能是可以网页上编辑文字和图片，能一起上传到数据库然后在页面上展现，当然还可以上传附件，不过我现在还没弄好，先把上传图片的功能记录一下。
说到这个wangeditor3富文本编辑器，只能说自己才疏学浅被搞得头晕，花了将近三四天才弄好这个简单的上传图片功能= = 主要原因在于还不清楚普通上传图片的具体步骤，直接着手使用富文本编辑器来实现功能，而且这个wangeditor还以轻量级为特点，其文档就没有那么仔细，出现问题的时候我看网上也没有太多的方法可寻，所以在此写下这篇短叙以供自己和网友参考及回忆。话不多说，上代码。

jsp页面：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>wangEditor demo</title>
</head>
<body>

    <form id="newspost" method="post" action="newspost" namespace="/" enctype="multipart/form-data">

    <input type="hidden" id="content" name="content"/>
    <div style="padding: 5px 0; color: #ccc"></div>
    <div id="editor"></div>
    <br>
    <input