本文主要是介绍JAVA基础jsp之富文本编辑器文件上传与下载,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
目录
一、富文本编辑器
二、SmartUpload插件
一、富文本编辑器
1.概述
富文本编辑器,Rich Text Editor, 简称 RTE, 是一种可内嵌于浏览器,所见即所得的文本编辑器,类似于 Microsoft Word 的编辑功能。
2.常用富文本编辑器
①ckeditor------------------------------------今日选择
②Kindeditor
③ueditor
④wangEditor
⑤SmartMarkUP
⑥Control.Editor
⑦EditArea
⑧Free Rich Text Editor
3.CKeditor的使用步骤
[步骤1] 官网https://ckeditor.com/ 下载-解压-引入
[步骤2]
<script type="text/javascript" src = "../ckeditor/ckeditor.js"></script>
<script type="text/javascript">
CKEDITOR.replace("ncontent");
</script>
二、SmartUpload插件
[问题]图片上传是到数据库还是到服务器?
文件路径保存到数据库中,而把文件上传到服务器【tomcat】的硬盘中。
[使用步骤]
①环境准备:使用SmartUpload组价需要在项目中引入jspsmartupload.jar文件
--将jspsmartupload.jar添加到web-inf\lib目录下
②需要设置表单的enctype属性--设置enctype属性后表单必须以post方式提交。
--<form enctype = "multipart/form-data" method = "post">
③jsp smartupload.jar包中的File类
--封装了单个上传文件所包含的所有信息
saveAS() | isMissing() | getFieldName() | getFileName()
----------------------------------------------------------------------------------------------------------------
案例:文件上传
<form action = "doAddFile.jsp" enctype="multipart/form-data" method = "post">
<input type = "file" name = "file"/>
<input type = "submit" value = "上传"/>
</form>
<%
//声明并实例化SmartUpload对象
SmartUpload su = new SmartUpload();
su.initialize(pageContext);//初始化SmartUpload对象
//定义文件上传类型
String allowed = "gif,jpg,doc,rar";
//定义不许上传类型
String denied = "jsp,asp,php,aspx,html,htm,exe,bat";
//设置上传文件大小
int file_size = 10*1024*1024;
File file = null;
try{
//定义允许上传文件类型
su.setAllowedFilesList(allowed);
//不允许上传文件类型
su.setDeniedFilesList(denied);
//单个文件最大限制
su.setMaxFileSize(file_size);
su.setCharset("utf-8");
//开始文件上传
su.upload();//服务器的内存中
//得到第一个上传的文件
//System.out.println(su.getFiles().getSize());
file = su.getFiles().getFile(0);
String path = null;
if(!file.isMissing()){//如果上传了文件
path = "upload\\";//文件保存的路径
path+=file.getFileName();//加上了文件名
file.saveAs(path, SmartUpload.SAVE_VIRTUAL);
}
System.out.println(path);
}catch(Exception e){
e.printStackTrace();
}
%>
--------------------------------------------------------
表单其它输入项怎么获取
姓名:<input type = "text" name = "sname"/>
获取sname
String sname = request.getParameter("sname");
out.print(sname);
----sname没有加载进去
【解决方式】
Request req = su.getRequest();
String sname = req.getParameter("sname");
out.print(uname);
这篇关于JAVA基础jsp之富文本编辑器文件上传与下载的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!