在浏览器中异步下载文件监听下载进度

本文介绍如何在浏览器中实现异步文件下载并监听下载进度。通过将服务器响应的文件保存在内存,然后写入磁盘,实现快速下载。这种方式允许在下载前后进行业务逻辑处理,但目前JavaScript无法直接监听文件从内存到磁盘的进度。文中提供了一个Demo,展示了使用Ajax请求的下载过程,并讨论了其局限性,特别是对于大文件可能导致内存问题。

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

在浏览器中异步下载文件,其实就是把服务器响应的文件先保存在内存中。然后再一次下载到磁盘。第二次下载过程,就是把内存的数据IO到磁盘,没有网络开销。速度极快。

之所以要先保存在内存,主要是可以在下载开始之前和下载结束后可以做一些业务逻辑(例如:校验,判断),还可以监听下载的进度。

演示

这里演示一个Demo,在点击下载摁钮后,弹出加loading框。在读取到服务器的响应的文件后。关闭loading框。并且在控制台中输出下载的进度。

有点像是监听文件下载完毕的意思,也只能是。从内存IO到磁盘的这个过程,JS代码,再也无法染指过程。更谈不上监听了。

Controller

服务端的下载实现

import java.io.BufferedInputStream;
import java.io.IOException;
import java.io.OutputStream;
import java.nio.file.Files;
import java.nio.file.Path;
import java.nio.file.Paths;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;


@Controller
@RequestMapping("/download")
public class DownloadController {
   
	
	@GetMapping
	public void download (HttpServletRequest request,
							HttpServletResponse response,
							@RequestParam("file") String file) throws IOException {
   
		
		Path path = Paths.get(file);
		if (Files.notExists(path) || Files.isDirectory(path)) {
   
			// 文件不存在,或者它是一个目录
			response.setStatus(HttpServletResponse
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值