一.文件的上传
1.原生方式上传
2.jquery方式上传
代码方式如下: doupload.jsp
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page import="org.apache.commons.fileupload.disk.DiskFileItemFactory" %>
<%@ page import="org.apache.commons.fileupload.servlet.ServletFileUpload" %>
<%@ page import="java.io.OutputStream" %>
<%@ page import="org.apache.commons.io.IOUtils" %>
<%@ page import="java.io.File" %>
<%@ page import="java.io.FileOutputStream" %>
<%@ page import="org.apache.commons.fileupload.FileItem" %>
<%@ page import="java.util.List" %
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<% //创建上传工厂
DiskFileItemFactory factory =new DiskFileItemFactory();
//设置缓冲期大小为8kb
factory.setSizeThreshold(8*1024);
//创建上传组件
ServletFileUpload servletFileUpload=new ServletFileUpload(factory);
//设置上传总大小
servletFileUpload.setSizeMax(1024*1024*80);
//单文件大小40MB
servletFileUpload.setFileSizeMax(1024*1024*40);
//解析请求数据
List<FileItem> items = servletFileUpload.parseRequest(request);
//遍历输出items
for(FileItem item:items) {
// isFormField 是否普通输入框(除type=file以外的输入框)
if (item.isFormField()) {
//如果是普通输入框
System.out.println(item.getFieldName());
System.out.println(item.getString());
} else {
//文件上传
System.out.println("获得文件上传的值");
System.out.println(item.getFieldName());
System.out.println(item.getName());
pageContext.setAttribute("filename", item.getName());
//建立白名单或黑名单机制
//黑名单
if (item.getName().endsWith(".jsp")) {
response.getWriter().println("<h1>上传文件格式非法!</h1>");
return;
}
//创建白名单机制
else if (!item.getName().endsWith(".jsp")){
response.getWriter().println("<h1>上传的格式合法!</h1>");
}
//TODO:保证文件名的唯一性
//获取输入流并保存到文件
//获取项目的真实路径
String realpath = request.getServletContext().getRealPath("/");
String filename = realpath + File.separator + item.getName();
OutputStream os = new FileOutputStream(new File(filename));
IOUtils.copy(item.getInputStream(), os);
}
}
%>
<img src="<c:out value="${filename}"/>" />
h5.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
<script src="js/jquery.min.js"></script>
<script>
//原生方式实现
function upload(){
//构造文件上传对象FormData
var data=new FormData(document.getElementById("form1"));
//构造ajax对象,该对象在不同版本浏览器中的名称有所不同
//本段代码以chrome浏览器为基础演示
var ajax=new XMLHttpRequest();
//设置请求参数
ajax.open("POST","doupload.jsp",true);
//设置回调函数
ajax.onload=function(result){
console.log(result);
console.log(ajax);
document.getElementById("resp").innerHTML=ajax.responseText;
}
//发送请求
ajax.send(data);
}
//使用jquery上传
function jqueryupload(){
//构造formdata
var data1=new FormData(jQuery("#form1")[0]);
jQuery.ajax({
type:'POST',
url:'doupload.jsp',
data:data1,
processData:false,
contentType:false,
success:function(resp){
console.log(resp);
jQuery("#resp").html(resp);
}
});
}
</script>
</head>
<body>
<form method="post" action="doupload.jsp" id="form1" enctype="multipart/form-data">
<input type="file" name="file1" id="file1"/>
<button type="button" onclick="upload()" >原生文件上传</button>
<button type="button" onclick="jqueryupload()" >jQuery文件上传</button>
</form>
<div id="resp">
</div>
</body>
</html>
二.文件的下载
download.jsp
<%@ page import="java.io.File" %>
<%@ page import="java.io.OutputStream" %>
<%@ page import="java.net.URLEncoder" %>
<%@ page import="org.apache.commons.io.IOUtils" %>
<%@ page import="java.io.FileInputStream" %
//读取一个文件
File file=new File("c:\\lxf.txt");
OutputStream os=response.getOutputStream();
//指定文件名,防止乱码
response.setHeader("Content-disposition","filename="+ URLEncoder.encode("lxf.txt","utf-8"));
IOUtils.copy(new FileInputStream(file),os);
//刷新
os.flush();
//关闭
os.close();
%>