一、文件上传
文件上传是指将浏览器端的文件数据直接保存再服务器端的磁盘中,减少数据库的压力,只需把文件的标识信息记录在数据库中,让数据的操作更加灵活多样。
原理:通过request对象获得输入流,读取浏览器端的数据,并保存到服务器端。
条件:
1.请求方式必须为post,需要type="file"的inpu组件,并且需要定义名称name;
2.表单必须设置enctype="multipart/form-data";
3.ajax异步实现文件上传需要注意:如果要用 Ajax 上传文件,则需要使用 FormData 对象来作为数据,而不能使用 form 的 serialize 方法(原因是 serialize 方法得到的数据是一个字符串,其不支持二进制数据传输,因此无法上传文件)
var formdata = new FormData();//创建一个新的FormData对象
//Ajax中的 data 属性就是 formdata
formdata.append('name','value'); //使用append的方法为 formdata 对象赋值
$.ajax({
type:'post',
url:'url',
contentType:false, //默认情况下,processData 的值是 true,其代表以对象的形式上传的数据都会被转换为字符串的形式上传。而当上传文件的时候,则不需要把其转换为字符串,因此要改成false
processData:false, //和 contentType 有个类似的属性是 dataType , 代表的是期望从后端收到的数据的格式,一般会有 json 、text……等,而 contentType 则是与 dataType 相对应的,其代表的是 前端发送数据的格式
data:formdata,
success:function(){
}
})
上传注意事项:
1.为保证服务器安全,上传文件应该放在外界无法直接访问的目录下,比如放在WEB-INF目录下;
2.为防止文件覆盖,要为上传文件产生一个唯一的文件名,有如下方法:(本节使用uuid)
(1)-uuid (2) -时间戳 (3) -md5 (4)位运算算法 (5) txt
3.要限制上传文件的最大值;
4.可以限制上传文件的类型,在收到上传文件名时,判断后缀名是否合法。
上传文件后端代码实现:代码在servlet.java文件中
实现流程:
1.获得带有文件类型的表单数据
2.打开文件保存目录
3.使用Apache文件上传组件处理文件上传(三部曲)
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("text/html;charset=UTF-8");
request.setCharacterEncoding("UTF-8");
PrintWriter out = response.getWriter();
//判断上传的表单是普通表单还是带文件的表单,是带文件的表单返回true,否则返回false;
boolean isMultipart = ServletFileUpload.isMultipartContent(request);
if(!isMultipart){
throw new RuntimeException("表单必须是multiparty/form-data");
}
//创建上传文件的保存目录,为了安全建议在WEB-INF目录下,用户无法访问
String uploadPath = this.getServletContext().getRealPath("WEB-INF/upload");
File dir = new File(uploadPath);
if (!dir.exists()) {
//如果目录不存在就创建这样一个目录
dir.mkdir();
}
//文件上传临时目录
String tmpPath = this.getServletContext().getRealPath("WEB-INF/tmp");
File tmpFile = new File(tmpPath);
if (!tmpFile.exists()) {
tmpFile.mkdir();
}
try {
//使用Apache文件上传组件处理文件上传步骤:
//1、创建一个DiskFileItemFactory工厂
DiskFileItemFactory factory = DiskFileItemFactoryUtils.getDiskFileItemFactory(tmpFile);
//2、创建一个文件上传解析器
ServletFileUpload sfu = getServletFileUpload(factory);
//3.解析表单,上传文件项的内容
String msg = uploadParseRequest(sfu,request,uploadPath);
out.write("<script language='javascript'>window.alert('文件上传成功');</script>");
request.getRequestDispatcher("upload.jsp").forward(request,response);
} catch (Exception e) {
e.printStackTrace();
}
}
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request,response);
}
方法类:
public class DiskFileItemFactoryUtils {
private static DiskFileItemFactory factory;
static{
factory = new DiskFileItemFactory();
//通过这个工厂设置一个缓冲区,当上传的文件大于这个缓冲区的时候,把他放到临时文件中
factory.setSizeThreshold(1024 * 1024*5);//缓存区大小为1M
}
public static DiskFileItemFactory getDiskFileItemFactory(File file) {
factory.setRepository(file);//临时目录的保存目录,需要一个File
return factory;
}
}
public static ServletFileUpload getServletFileUpload(DiskFileItemFactory factory) {
ServletFileUpload upload = new ServletFileUpload(factory);
upload.setHeaderEncoding("UTF-8"); //处理乱码问题
//监听文件的上传进度
upload.setProgressListener(new ProgressListener() {
@Override
//pBytesRead:已经读取到的文件的大小
//pContentLength:文件大小
public void update(long pBytesRead, long pContentLength, int pItems) {
System.out.println("总大小:" + pContentLength + "已上传:" + pBytesRead);
}
});
//以下不设置则为默认值
upload.setFileSizeMax(1024 * 1024 * 5); //设置单个文件的最大值
upload.setSizeMax(1024 * 1024 * 5); //设置总共能够上传文件的大小
return upload;
}
public static String uploadParseRequest(ServletFileUpload upload, HttpServletRequest req, String uploadPath) throws Exception {
String msg = "";
int isLoad=1;
//监听文件上传进度
//4、使用ServletFileUpload解析器解析上传数据,解析结果返回的是一个List<FileItem>集合,每一个FileItem对应一个Form表单的输入项
List<FileItem> fileItems = upload.parseRequest(req);
for (FileItem fileItem : fileItems) {
//判断它是不是文件类型数据,是则返回false;getFieldName是处理前端input按钮的名字, .trim()去掉前后空格
if (fileItem.isFormField()) {
String name = fileItem.getFieldName();
String value = fileItem.getString("utf-8");//处理乱码
isLoad = Integer.parseInt(value); //获得文件可下载权限
System.out.println(name + ":" +" "+isLoad);
} else {
//不同的浏览器提交的文件名是不一样的,有些浏览器提交上来的文件名是带有路径的
String uploadFileName = fileItem.getName().trim();
System.out.println("上传的文件名:" + uploadFileName);
if (uploadFileName.equals("") || uploadFileName == null) {
continue;//文件名不存在名字,无法保存,(未知文件)
}
//获得上传的文件名 /images/girl/paojie.jpg
String fileName = uploadFileName.substring(uploadFileName.lastIndexOf("/") + 1);
//获取文件的后缀名
String fileExtName = uploadFileName.substring(uploadFileName.lastIndexOf(".") + 1);
System.out.println("文件信息[文件名:" + fileName + "----文件类型" + fileExtName+"]");
//UUID.randomUUID(),随机生成一个唯一的识别通用码;可以使用UUID(可以唯一识别的通用码),保证文件名唯一;
String uuidPath = UUID.randomUUID().toString();
String realFile = uuidPath+"_"+fileName;
//存到哪?uploadPath
fileItem.write(new File(uploadPath,realFile));
msg="文件上传成功!";
fileItem.delete();//上传成功,清除临时文件
}
}
return msg;
}
上传文件前端代码实现
若想实现多文件下载,可以在file组件使用 multiple 表示多文件,或者直接多加几条file组件即可。
<form name="form02" enctype="multipart/form-data" action="upload" method="post" >
<input type="radio" name="authority" value="0">仅自己可下载<br/>
<input type="radio" name="authority" value="1">所有人可下载<br/>
<input type="file" name="photo" multiple/><br/>
<input type="submit" value="上传" /><br/>
</form>
二、文件下载
文件下载是指通过将服务器端的文件资源等通过I/O流写回到浏览器端,客户使用超链接来实现下载。
后端代码实现:
String fileName = request.getParameter("fileName");
System.out.println(fileName);
String dir = this.getServletContext().getRealPath("WEB-INF/upload");
System.out.println(dir);
File file = new File(dir,fileName);
System.out.println(file);
if(!file.exists()){
System.out.println("文件"+fileName+"不存在"); //File.separator?
return;
}
//解决中文乱码问题
fileName = URLEncoder.encode(fileName,"UTF-8");
//重要参数:设置响应头,控制浏览器下载该文件
response.setHeader("content-disposition","attachment;filename="+fileName);
FileInputStream fis = new FileInputStream(file);
ServletOutputStream os = response.getOutputStream();
byte[] buffer = new byte[1024];
int len;
while((len = fis.read(buffer))>0){
os.write(buffer,0,len);
}
fis.close();
os.close();
PrintWriter out = response.getWriter();
out.print("successful");
request.getRequestDispatcher("downLoad.jsp").forward(request,response);
前端代码实现:
1.这段代码使用了JSTL,需要导入jar包;
2.不同用户的下载权限是不一样的;
3.在上传文件的时候需要将文件属性写入库中,才可以快速读出文件,结合mybatis的文件上传下载在后期文章:具体实现在mybatis——文件上传下载篇
<div id="downLoad" style="position:relative;background-color:lightskyblue;width:750px;height:850px;margin:auto;padding:20px;">
<c:forEach items="${DL}" var="dl">
<c:url value="download" var="downUrl">
<c:param name="fileName" value="${dl.uuid}"></c:param>
</c:url>
<p>${dl.fileName}<a href="${downUrl}&flag=load">下载</a>
<c:if test="${dl.uploaderId eq user.id}">
<a href="${downUrl}&flag=delete&userId=${user.id}">删除</a>
</c:if>
</p>
</c:forEach>
</div>