原生態(tài)js實(shí)現(xiàn)文件下載
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="sunpeiyu文件下載">
<meta name="author" content="sunpeiyu">
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<title>Document</title>
<style type="text/css">
body {
background-color: white;
}
</style>
<script type="text/javascript">
function downloadFile() {
const link = document.createElement('a');
link.style.display = 'none';
link.download = '640.png';
link.href = 'http://localhost:8091/diverter/file/download/640.png';
link.click();
}
</script>
</head>
<body>
<div>
<a href="#" onclick="downloadFile()">文件下載</a>
</div>
</body>
</html>
springboot實(shí)現(xiàn)文件下載
import cn.hutool.core.io.FileUtil;
import lombok.extern.slf4j.Slf4j;
import org.springframework.util.Base64Utils;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.multipart.MultipartFile;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.File;
import java.io.IOException;
import java.net.URLEncoder;
@Slf4j
@RequestMapping("/file")
@RestController
public class FileController {
@GetMapping("/download/{fileName}")
public String handleFileDownload(@PathVariable String fileName,
HttpServletResponse response,
HttpServletRequest request) throws IOException {
String downloadFilePath = "F:\\temp" + File.separator + fileName;
if (!FileUtil.exist(downloadFilePath)) {
return "下載文件不存在";
}
byte[] fileByteArr = FileUtil.readBytes(downloadFilePath);
/**
* 解決跨域請(qǐng)求問(wèn)題
*/
response.setHeader("Access-control-Allow-Origin", request.getHeader("Origin"));
response.setHeader("Access-Control-Allow-Methods", "GET,POST,OPTIONS,PUT,DELETE,PATCH");
response.setHeader("Access-Control-Allow-Headers", request.getHeader("Access-Control-Request-Headers"));
response.setHeader("Content-Disposition", "attachment;filename=" + URLEncoder.encode(fileName, "utf-8"));
response.setHeader("Content-Type", "application/octet-stream");
ServletOutputStream outputStream = response.getOutputStream();
outputStream.write(fileByteArr);
outputStream.flush();
outputStream.close();
return "下載文件成功";
}
}
效果：
HTTP角度看文件下載
通過(guò)Content-Type指定響應(yīng)返回的類型為文件類型（application/octet-stream）又谋。然后保存時(shí)顯示的文件名，使用Content-Disposition響應(yīng)頭指定顯示文件名為640.png彰亥。
