手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

JS如何知道文件下载完成

时间:2024-10-25 21:00:26

1、我们以一个web项目来讲解一下要分享的主题,首先用我们的开发工具新建一个web项目,结构如下图所示,我这里用的是C#的MVC项目

JS如何知道文件下载完成

2、然后打开Views下找到Index.cshtml文件,编写如下的代码,一个按钮,一个下载提示,这是很多WEB项目都有的场景

JS如何知道文件下载完成

3、点击按钮需要执行一个JS方法,如下图所示,我们执行的是一个ajax异步调用,这也是关键所在

JS如何知道文件下载完成

4、我们来对返回结果做一下判断,如下图所示:当返回的是success的时候,我们改变提示文字为下载完成,否则就是下载失败

JS如何知道文件下载完成

5、后台的话主要就是下载的相关逻辑了,根据下载的情况最后返回一个标志来让前台判断是否下载完成了

JS如何知道文件下载完成

6、当然,下载逻辑里面主要做的就是判断已经下载的文件大小和原始文件大小,如果一旦相等就会返回success

JS如何知道文件下载完成
© 手抄报圈