案例分析
- 页面显示超链接
- 点击超链接后弹出下载提示框
- 完成图片文件下载
我们先写一个h5,如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a href="/img/1.jpg">图片1</a>
</body>
</html>
我们点击超链接 ,浏览器会直接显示图片
这是因为浏览器可以直接解析jpg文件,如果超链接指向的是浏览器无法直接解析的文件呢?
我们使用IE浏览器打开试试
本来是会有弹窗问是否保存,但是被迅雷给抢了
总结:超链接指向的资源如果能够被浏览器解析,则在浏览器中展示,如果不能解析,则弹出下载提示框。
这显然不满足我们最初的需求:我们希望不管要下载的文件能否被浏览器解析,都要弹出下载提示框
我们使用响应头来设置资源的打开方式就可以了,如下:
content = disposition:attachment;filename=xxx
设置了之后就会以附件形式打开
实现步骤
- 定义页面,编辑超链接的href属性,指向Servlet并传递资源名称filename
- 定义Servlet
1.获取文件名称
2.使用字节输入流加载文件进内存
3.指定response的响应头
4.将数据写到response输出流
代码实现
download.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a href="/DownloadServlet?filename=1.jpg">图片1</a>
<a href="/DownloadServlet?filename=1.docx">文档1</a>
</body>
</html>
DownloadServlet.java
package servlet;
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;
@WebServlet("/DownloadServlet")
public class DownloadServlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//1.获取请求参数,文件名称
String filename = req.getParameter("filename");
//2.使用字节输入流加载文件进内存
//2.1找到文件的服务器路径
ServletContext servletContext = this.getServletContext();
String realPath = servletContext.getRealPath("/img/" + filename);
//2.2用字节流关联
FileInputStream fis = new FileInputStream(realPath);
//3.设置response的响应头
//3.1设置响应头类型 content-type
String mimeType = servletContext.getMimeType(filename); //获取文件的MIME类型
resp.setHeader("content-type", mimeType);
//3.2设置响应头打开方式 content-disposition
resp.setHeader("content-disposition", "attachment;filename=" + filename);
//4.将输入流的数据写到输出流中
ServletOutputStream sos = resp.getOutputStream();
byte[] buff = new byte[1024 * 8];
int len = 0;
while ((len = fis.read(buff)) != -1) {
sos.write(buff, 0, len);
}
fis.close();
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
this.doGet(req, resp);
}
}
中文文件名问题
我们把filename改成中文
其实这个时候弹框的文件名称是乱码来的,我们要怎么解决呢?
解决思路:
1.获取客户端使用的浏览器版本信息
2.根据不同的版本信息,设置filename的编码方式不同
我们先写一个工具类,如下:
DownLoadUtils.java
import Decoder.BASE64Encoder;
import java.io.UnsupportedEncodingException;
import java.net.URLEncoder;
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")) {
// 火狐浏览器
BASE64Encoder base64Encoder = new BASE64Encoder();
filename = "=?utf-8?B?" + base64Encoder.encode(filename.getBytes("utf-8")) + "?=";
} else {
// 其它浏览器
filename = URLEncoder.encode(filename, "utf-8");
}
return filename;
}
}