标签：自动 绝对路径 web lin index 9.png edit apach dna
1.新闻发布系统
2.文件上传+++
①首先在index.jsp的界面上初始化一个表单。
<body>
<form enctype="multipart/form-data" action="<%=path%>/1.jsp" method="post">
姓名：<input type="text" name="username"/>
选择文件：<input type="file" name="myfile"/>
<input type="submit" value="提交"/>
</form>
</body>
☆:enctype=多部分的表单数据,并且如果form表单的属性中多了enctype="multipart/form-data",是不能使用request.getParameter(name属性的)
②在WEB-ROOT的根目录下创建一个1.jsp，实现文件上传功能！
<%@page import="java.io.File"%> <%@page import="org.apache.commons.fileupload.FileItem"%> <%@page import="org.apache.commons.fileupload.disk.DiskFileItemFactory"%> <%@page import="org.apache.commons.fileupload.servlet.ServletFileUpload"%> <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% //判定request请求的类型 request.setCharacterEncoding("utf-8"); boolean flag= ServletFileUpload.isMultipartContent(request); if(flag) { DiskFileItemFactory factory=new DiskFileItemFactory(); //找到一个解析器，解析请求中的各个项目 ServletFileUpload upload=new ServletFileUpload(factory);//解析器的创建 List<FileItem> list=upload.parseRequest(request);//使用解析器解析请求的数据 Iterator<FileItem> myitor= list.iterator();//自动迭代的功能 while(myitor.hasNext()) { FileItem item=myitor.next(); if(item!=null) { //判断FileItem对象封装的数据类型，文件表单或普通表单字段 if(item.isFormField())//普通表单 { String name= item.getFieldName();//获取表单的name属性 if(name.equals("username")) { out.print(item.getString("utf-8")); } } else { String name=item.getName();//获得文件名 out.print(name); String path="/WEB-INF/upload/";//相对路径名 String path2=this.getServletContext().getRealPath(path);//通过相对路径名来获得绝对路径名 out.print(path2); File file=new File(name); File uploadpath=new File(path2,file.getName()); item.write(uploadpath);//向该路径写入文件 out.print("上传成功"); } } } } %>
3.创建一个moneyText.jsp页面，将下载的ckeditor文件夹copy到WEB-INF文件夹下
<script type="text/javascript" src="ckeditor/ckeditor.js"></script> <body> <form action="/fileInfo/success.jsp" method="post"> <textarea class="ckeditor" name="txtConent"></textarea> <input type="submit" value="提交"/> </form> </body>
4.创建一个sucess页面用来展示从moneyText.jsp富文本传递过来的数据
<% request.setCharacterEncoding("utf-8"); %> <script type="text/javascript" src="ckeditor/ckeditor.js"></script> <body> <textarea class="ckeditor" name="Conent"><%=request.getParameter("txtConent")%></textarea> </body>
5.添加新闻
.
<!DOCTYPE html>
<html>
<head>
<title>
<%= title %></title>
<link rel=‘stylesheet‘ href=‘/stylesheets/style.css‘ />
<script src="javascripts/zepto.js" type="text/javascript"></script>
</head>
<body>
<h1>
<%= title %></h1>
<div>
标题：<input type="text" id="title" />
</div>
<div>
内容：<textarea id="content"></textarea>
</div>
<div>
<input type="button" type="button" id="ok" value="添加新闻" />
</div>
<script type="text/javascript">
$(document).ready(function () {
$(‘#ok‘).click(function () {
var param = {};
param.title = $(‘#title‘).val();
param.content = $(‘#content‘).val();
$.post(‘/addNews‘, param, function () {
console.log(‘添加成功‘);
});
});
});
</script>
</body>
</html>
标签：自动 绝对路径 web lin index 9.png edit apach dna
原文地址：http://www.cnblogs.com/ruyan886621/p/6777327.html
