web16天学习文件的上传和下载

本文介绍了三种文件上传方法,包括使用commons-fileupload组件、通过HttpServletRequest的getPart方法以及遍历所有上传部分。同时,还提供了文件下载的实现方案,涵盖如何处理中文文件名等问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1. 文件的上传

    jsp代码:<!-- 必须使用POST方式提交并设置enctype属性 -->
<form action="upload" enctype="multipart/form-data" method="post" >
    <!-- 设置multiple属性可以支持多文件上传 -->
    上传文件:<input type="file" name="myfile" multiple><br>
    <input type="submit"value="点击上传">
    </form>

    1.方式一:
    request.setCharacterEncoding("UTF-8");// 设置获取字体
    response.setCharacterEncoding("UTF-8"); // 设置返回字体
    //ServletContext ctx = getServletConfig().getServletContext();// 获取上下文 方式2
    ServletContext ctx = request.getServletContext();// 获取上下文应用
    DiskFileItemFactory factory = new DiskFileItemFactory();// 自动导入类 使用工具 commons-fileupload
    File repository = (File) ctx.getAttribute("javax.servlet.context.tempdir");// 获取临时文件的存储路径
    factory.setRepository(repository);// 设置工程对象的仓库
    String basePath = ctx.getRealPath("/res");// 设置存储路径
    System.out.println(basePath);
    ServletFileUpload handler = new ServletFileUpload(factory);// 实例化 servletFileupload 上传
    try {
        List<FileItem> items = handler.parseRequest(request);
        for(FileItem fileItem : items) {
            if(fileItem.isFormField()) {
                System.out.print("非文件数据");
            }else {
                String fileName = fileItem.getName();// 获取文件名
                String fileType = fileItem.getContentType();// 获取文件类型
                System.out.println(fileName);
                System.out.println(fileType);
                if(fileType != "do") {
                    File file = new File(basePath + "/" + fileName);// 创建文件实例
                    try {
                        fileItem.write(file);// 写入数据到文件
                    } catch (Exception e) {
                        // TODO 自动生成的 catch 块
                        e.printStackTrace();
                    }
                }

            }
        }
        2.方式二:
    request.setCharacterEncoding("UTF-8");// 设置获取字体
    response.setCharacterEncoding("UTF-8"); // 设置返回字体
    ServletContext ctx = request.getServletContext();// 获取上下文应用
    String basePath = ctx.getRealPath("/res");// 设置存储路径
    System.out.println(basePath);
    // 单个文件上传可以使用 HttpServletRequest 对象的 getPart 方法
    Part part = request.getPart("myfile");// 获取上传文件
    if (part==null) {
        System.out.println("文件为空");
    }
    String contentType = part.getContentType();// 获取文件类型
    System.out.println(contentType);
    String fileName = part.getSubmittedFileName();// 获取上传文件名 servlet 3.1 api  tomcat 9 测试可以使用
    System.out.println(fileName);// 输出文件名
    part.write(basePath + "/" + fileName); // 存储文件
    3.方式三:
    request.setCharacterEncoding("UTF-8");// 设置获取字体
    response.setCharacterEncoding("UTF-8"); // 设置返回字体
    ServletContext ctx = request.getServletContext();// 获取上下文应用
    String basePath = ctx.getRealPath("/res");// 设置存储路径

    System.out.println(basePath);
    for(Part part:request.getParts()) {
        String header = part.getHeader("content-disposition");
        System.out.println(header);
        // 通过 HttpServletRequest 对象的 getParts 方法获得所有的 消息体部分
        // 通过检测 content-disposition 值是否包含 filename 关键词 判读是否为上传文件
        if(header !=null && header.indexOf("filename") >= 0) {
            String filename = part.getSubmittedFileName();// 获取文件名
            part.write(basePath + "/" + filename); 
        }

2.文件的下载

    jsp文件:  
<a href="download?filename=金融类系统开发注意事项.pdf">下载《金融类系统开发注意事项》</a>
<a href="download?filename=模拟面试提问.pdf">下载《模拟面试提问》</a>
servlet代码:
    request.setCharacterEncoding("UTF-8");
    response.setCharacterEncoding("UTF-8");
    // 获取下载文件路径
    // 获取应用
    ServletContext ctx = request.getServletContext();// 首先获取上下文对象
    String basePath = ctx.getRealPath("/WEB-INF/data");// 获取需要配置文件的下载位置
    System.out.println(basePath);
    // 获取用户要求的下载文件名字
    String fileName = request.getParameter("filename");
    fileName = fileName == null ? "金融类系统开发注意事项.pdf":fileName;
    // 根据 文件存放路径 及用户要求路径 生成 完整路径
    Path fullPath = Paths.get(basePath + "/" + fileName);//路径资源
    System.out.print(fullPath);
    if(Files.exists(fullPath)) {
        String encodedFileName = URLEncoder.encode(fileName,"UTF-8");// 对中文文件名进行 否则会出现中文无法正常使用的问题
        // 设置返回头信息
        response.setHeader("content-disposition", "attachment; filename="+encodedFileName);// 设置响应消息体的处理方式(内联 include 附件 attachment)
        //response.setHeader("content-disposition", "include; filename="+encodedFileName);// 设置响应消息体的处理方式(内联 include 附件 attachment)
        Files.copy(fullPath, response.getOutputStream());// 复制文件到输出流
    }
资源下载链接为: https://pan.quark.cn/s/d9ef5828b597 在本文中,我们将探讨如何通过 Vue.js 实现一个带有动画效果的“回到顶部”功能。Vue.js 是一款用于构建用户界面的流行 JavaScript 框架,其组件化响应式设计让实现这种交互功能变得十分便捷。 首先,我们来分析 HTML 代码。在这个示例中,存在一个 ID 为 back-to-top 的 div 元素,其中包含两个 span 标签,分别显示“回到”“顶部”文字。该 div 元素绑定了 Vue.js 的 @click 事件处理器 backToTop,用于处理点击事件,同时还绑定了 v-show 指令来控制按钮的显示与隐藏。v-cloak 指令的作用是在 Vue 实例渲染完成之前隐藏该元素,避免出现闪烁现象。 CSS 部分(backTop.css)主要负责样式设计。它首先清除了一些默认的边距填充,对 html body 进行了全屏布局,并设置了相对定位。.back-to-top 类则定义了“回到顶部”按钮的样式,包括其位置、圆角、阴影、填充以及悬停时背景颜色的变化。此外,与 v-cloak 相关的 CSS 确保在 Vue 实例加载过程中隐藏该元素。每个 .page 类代表一个页面,每个页面的高度设置为 400px,用于模拟多页面的滚动效果。 接下来是 JavaScript 部分(backTop.js)。在这里,我们创建了一个 Vue 实例。实例的 el 属性指定 Vue 将挂载到的 DOM 元素(#back-to-top)。data 对象中包含三个属性:backTopShow 用于控制按钮的显示状态;backTopAllow 用于防止用户快速连续点击;backSeconds 定义了回到顶部所需的时间;showPx 则规定了滚动多少像素后显示“回到顶部”按钮。 在 V
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值