如何把ueditor上传的图片视频等信息写入自己的数据库?

如何把ueditor上传的图片视频等信息写入自己的数据库?,第1张

这个分为两种情况吧!

情况一:Ueditor上传图片和视频在富文本中,可以直接随着富文本字段保存到数据库中;

情况二:想单独保存上传的图片地址或者视频地址,可以修改Ueditor的代码,在上传时调用插入数据库方法,此情况不建议时间,会产生很多的垃圾数据;

这个问对人了~~   我曾经弄这个弄了很久~~  不说了, 给你方法;

我用的是Eclipse  JSP,不晓得你用是什么工具。

新建一个JSP文件 index.jsp

head头部引用Ueditor的JS文件

<!-- 配置文件 -->

<script type="text/javascript" src="ueditor/ueditor.config.js"></script>

<!-- 编辑器源码文件 -->

<script type="text/javascript" src="ueditor/ueditor.all.js"></script>

body下面加入以下代码:

<textarea id="container" name="container"

style="width: 800pxheight: 400pxmargin: 0 auto">

  </textarea>

<!-- 实例化编辑器 -->

<script type="text/javascript">

var ue = UE.getEditor("container")

</script>

<input type="text" id="word_type" style="display:none" value="" name="word_type"/></br>

<button id="tijiao" name="tijiao"

sytle="margin-left:250pxwidth:60pxposition:relative">提交</button>

后台获取UEditor的代码:

String word_content = request.getParameter("container") 获取页面上的name="container "就行了

另外说一下:

打开,打开之后是这个样子的:

图片路径的前缀不用修改,你需要修改的是上传的保存路径:默认是WebContent下的images目录,上传的图片是在服务器上的,项目工程里面是木有的,要去你工作空间里面找,我的是

E:\JavaWeb_workplace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps。

我学的是Java  不晓得可以帮到你不。。  呵呵

1、在UEditor官网下载对应的工具包。

2、基本目录结构。

3、引入UEditor核心文件。

4、实例化UEditor编辑器//阻止div标签自动转换为p标签allowDivTransToP: false,//是否自动长高,默认trueautoHeightEnabled: false。

5、最后效果图如下。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/10800479.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-11
下一篇 2023-05-11

发表评论

登录后才能评论

评论列表(0条)

保存