网页文件传输

Posted ꧁༺空༒白༻꧂

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网页文件传输相关的知识,希望对你有一定的参考价值。

文件传输

1、项目部署

  1. 创建一个空的项目

  2. 新建一个web模块

  3. 导入servlet

2、前端页面

index.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<body>
<%--
GET:上传文件大小有限制
POST:上传文件大小没有限制
 ${pageContext.request.contextPath}
 --%>
<form action="upload.do" enctype="multipart/form-data"  method="post">
  上传用户:<input type="text" name="username"><br/>
  <P><input type="file" name="file1"></P>
  <P><input type="file" name="file1"></P>
  <P><input type="submit" value="提交"> | <input type="reset"></P>
</form>
</body>
</html>

info.jsp

<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <title>Insert title here</title>
</head>
<body>

<%=request.getAttribute("msg")%>

</body>
</html>

3、文件传输核心类代码解析

1、判断上传的文件是否为文件表单

if (!ServletFileUpload.isMultipartContent(request)) {
    return;//终止方法运行,说明这是一个普通的表单,直接返回
}

2、创建一个上传文件的路径

建议是在WEB-INF路径下,用户无法直接访问上传的文件,注意,一般会有一个临时储存文件的路径,它的作用就是在文件较大时,会有期限去处理掉,释放空间

//创建上传文件的保存路径,建议在WEB-INF路径下,安全,用户无法直接访间上传的文件;
String uploadPath =this.getServletContext().getRealPath("/WEB-INF/upload");
File uploadFile = new File(uploadPath);
if (!uploadFile.exists()){
    uploadFile.mkdir(); //创建这个月录
}

// 创建上传文件的保存路径,建议在WEB-INF路径下,安全,用户无法直接访问上传的文件
String tmpPath = this.getServletContext().getRealPath("/WEB-INF/tmp");
File file = new File(tmpPath);
if (!file.exists()) {
    file.mkdir();//创建临时目录
}

3、处理文件

//1、 创建DiskFileItemFactory对象,处理文件路径或者大小限制
DiskFileItemFactory factory = getDiskFileItemFactory(file);
// 2、获取ServletFileUpload
ServletFileUpload upload = getServletFileUpload(factory);
// 3、处理上传文件
// 把前端请求解析,封装成FileItem对象,需要从ServletFileUpload对象中获取
String msg = uploadParseRequest(upload, request, uploadPath);
// 4、Servlet请求转发消息
System.out.println(msg);
if(msg == "文件上传成功!") {
    // Servlet请求转发消息
    request.setAttribute("msg",msg);
    request.getRequestDispatcher("info.jsp").forward(request, response);
}else {
    msg ="请上传文件";
    request.setAttribute("msg",msg);
    request.getRequestDispatcher("info.jsp").forward(request, response);
}

4、创建代理工厂

public static DiskFileItemFactory getDiskFileItemFactory(File file) {
    DiskFileItemFactory factory = new DiskFileItemFactory();
    // 通过这个工厂设置一个缓冲区,当上传的文件大于这个缓冲区的时候,将他放到临时文件中;
    factory.setSizeThreshold(1024 * 1024);// 缓冲区大小为1M
    factory.setRepository(file);// 临时目录的保存目录,需要一个file
    return factory;
}

5、规范传输文件

public static ServletFileUpload getServletFileUpload(DiskFileItemFactory factory) {
    ServletFileUpload upload = new ServletFileUpload(factory);
    // 监听长传进度
    upload.setProgressListener(new ProgressListener() {

        // pBYtesRead:已读取到的文件大小
        // pContextLength:文件大小
        public void update(long pBytesRead, long pContentLength, int pItems) {
            System.out.println("总大小:" + pContentLength + "已上传:" + pBytesRead);
        }
    });

    // 处理乱码问题
    upload.setHeaderEncoding("UTF-8");
    // 设置单个文件的最大值
    upload.setFileSizeMax(1024 * 1024 * 10);
    // 设置总共能够上传文件的大小
    // 1024 = 1kb * 1024 = 1M * 10 = 10м

    return upload;
}

6、文件传输三部曲

  • 处理文件

解析前端请求,封装成FileItem对象

List<FileItem> fileItems = upload.parseRequest(request);
for (FileItem fileItem : fileItems) {
    if (fileItem.isFormField()) {// 判断上传的文件是普通的表单还是带文件的表单
        // getFieldName指的是前端表单控件的name;
        String name = fileItem.getFieldName();
        String value = fileItem.getString("UTF-8"); // 处理乱码
        System.out.println(name + ": " + value);
    } else {// 判断它是上传的文件

        // ============处理文件==============

        // 拿到文件名
        String uploadFileName = fileItem.getName();
        System.out.println("上传的文件名: " + uploadFileName);
        if (uploadFileName.trim().equals("") || uploadFileName == null) {
            continue;
        }

        // 获得上传的文件名/images/girl/paojie.png
        String fileName = uploadFileName.substring(uploadFileName.lastIndexOf("/") + 1);
        // 获得文件的后缀名
        String fileExtName = uploadFileName.substring(uploadFileName.lastIndexOf(".") + 1);

        /*
         * 如果文件后缀名fileExtName不是我们所需要的 就直按return.不处理,告诉用户文件类型不对。
         */

        System.out.println("文件信息[件名: " + fileName + " ---文件类型" + fileExtName + "]");
        // 可以使用UID(唯一识别的通用码),保证文件名唯
        // 0UID. randomUUID(),随机生一个唯一识别的通用码;
        String uuidPath = UUID.randomUUID().toString();
  • 存放地址

要知道传到哪里

需要一个真实存在路径realPath

String realPath = uploadPath + "/" + uuidPath;
// 给每个文件创建一个对应的文件夹
File realPathFile = new File(realPath);
if (!realPathFile.exists()) {
    realPathFile.mkdir();
}
  • 文件传输
// 获得文件上传的流
InputStream inputStream = fileItem.getInputStream();
// 创建一个文件输出流
// realPath =真实的文件夹;
// 差了一个文件;加上翰出文件的名产"/"+uuidFileName
FileOutputStream fos = new FileOutputStream(realPath + "/" + fileName);

// 创建一个缓冲区
byte[] buffer = new byte[1024 * 1024];
// 判断是否读取完毕
int len = 0;
// 如果大于0说明还存在数据;
while ((len = inputStream.read(buffer)) > 0) {
    fos.write(buffer, 0, len);
}
// 关闭流
fos.close();
inputStream.close();

msg = "文件上传成功!";
fileItem.delete(); // 上传成功,清除临时文件

以上是关于网页文件传输的主要内容,如果未能解决你的问题,请参考以下文章

HTML代码片段

VS Code中自定义Emmet代码片段

如何从我的 DatePicker 片段中传输格式化的日期字符串?

#网页中嵌入PDF文件#

炫酷 CSS 背景效果的 10 个代码片段

C# 文件传输