在HTML中,通过a标签的download属性可以让用户下载链接所对应的文件。当用户点击下载链接并且下载完成后,可以通过JavaScript来监听下载完成的事件。
1.页面标签
<a href="path/to/your/file" download>下载文件</a>
2.监听事件
const downloadLink = document.querySelector('a[download]'); downloadLink.addEventListener('click', function() {
// 下载开始,做一些操作
});
downloadLink.addEventListener('load', function() {
// 下载完成,做一些操作
});
downloadLink.addEventListener('error', function() {
// 下载出错,做一些操作
});