文件下载图片或者视频及解决保存文件时中文乱码问题

文件下载需求:

  1. 页面显示超链接
  2. 点击超链接后弹出下载提示框
  3. 完成图片文件下载

分析:

  1. 超链接指向的资源如果能够被浏览器解析,则在浏览器中展示,如果不能解析,则弹出下载提示框。不满足需求(所以要在a标签中使用?
  2. 任何资源都必须弹出下载提示框
  3. 使用响应头设置资源的打开方式:
    content-disposition:attachment;filename=xxx(设置这个头后,浏览器就不会直接解释图片打开了,而是以附件的形式保存

步骤:

  1. 定义页面,编辑超链接href属性,指向Servlet,传递资源名称filename(eg:使用?的形式a href="/day15/downloadServlet?filename=九尾.jpg",是传递filename=“九尾”.jpg给servlet,servlet获取到"九尾"就行)
  2. 定义Servlet
  3. 获取文件名称
  4. 使用字节输入流加载文件进内存
  5. 指定response的响应头: content-disposition:attachment;filename=xxx
  6. 将数据写出到response输出流

保存文件时中文乱码问题

  • 问题:
  • 中文文件问题
  • 解决思路:
  1. 获取客户端使用的浏览器版本信息
  2. 根据不同的版本信息,设置filename的编码方式不同

用这个类可解决中文乱码问题:

package cn.itcast.util;
import java.io.UnsupportedEncodingException;
import java.net.URLEncoder;
/**
 * @author QLBF
 * @version 1.0
 * @date 2020/11/24 10:50
 */



public class DownLoadUtils {

    public static String getFileName(String agent, String filename) throws UnsupportedEncodingException {
        if (agent.contains("MSIE")) {
            // IE浏览器
            filename = URLEncoder.encode(filename, "utf-8");
            filename = filename.replace("+", " ");
        } else if (agent.contains("Firefox")) {
            // 火狐浏览器
            filename = new String(filename.getBytes("UTF-8"), "ISO8859-1");
        } else {
            // 其它浏览器
            filename = URLEncoder.encode(filename, "utf-8");
        }
        return filename;
    }
}

整体结构:

在这里插入图片描述

Servlet_download写:

package cn.itcast.servlet;

import cn.itcast.util.DownLoadUtils;

import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.FileInputStream;
import java.io.IOException;

/**
 * @author QLBF
 * @version 1.0
 * @date 2020/11/24 10:36
 */
@WebServlet("/Servlet_download")
public class Servlet_download extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //1.获取请求参数,文件名称
        String filename = request.getParameter("filename");
        System.out.println(filename);
        //2.使用字节输入流加载文件进内存
        //2.1找到文件服务器路径
        ServletContext servletContext = this.getServletContext();
        String realPath = servletContext.getRealPath("/img/" + filename);
        System.out.println(realPath);
        //2.2用字节流关联
        FileInputStream fis = new FileInputStream(realPath);

        //3.设置response的响应头
        //3.1设置响应头类型:content-type
        String mimeType = servletContext.getMimeType(filename);//获取文件的mime类型
        response.setHeader("content-type",mimeType);
        //3.2设置响应头打开方式:content-disposition

        //解决中文文件名问题
        //1.获取user-agent请求头、
        String agent = request.getHeader("user-agent");
        //2.使用工具类方法编码文件名即可
        filename = DownLoadUtils.getFileName(agent, filename);

        //设置保存文件提示框那个filename
        response.setHeader("content-disposition","attachment;filename="+filename);
        //4.将输入流的数据写出到输出流中
        ServletOutputStream sos = response.getOutputStream();
        byte[] buff = new byte[1024 * 8];
        int len = 0;
        while((len = fis.read(buff)) != -1){
            sos.write(buff,0,len);
        }

        fis.close();

    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request,response);
    }
}

download.html写:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>发送请求什么图片给servlet</title>
</head>
<body>

<!--浏览器请求图片,要加虚拟目录-->
<a href="/bbb/img/九尾.jpg">图片1</a><!--这里点图片直接显示在页面上,不是我们的需求(英文html会解释图片),所以我们得使用下面的?-->
<a href="/bbb/img/1.avi">视频1</a><!--由于视屏这里html不会解释,所以会下载-->

<br>
<!--发送给servlet,浏览器请求的,所以得加虚拟目录-->

<a href="/bbb/Servlet_download?filename=九尾.jpg">图片2</a>

<a href="/bbb/Servlet_download?filename=1.avi">视频2</a>
</body>
</html>

通过浏览器访问:在这里插入图片描述
在这里插入图片描述
最后附上资源文件和代码:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值