Question

我正在尝试构建一个下载进度条（我将画布内容下载为png图像[从base64转换为png]），但是我有一个小问题：有没有办法跟踪a的下载： <a href="/images/myw3schoolsimage.jpg" download>？ <a>的可用事件，来自：https://www.w3schools.com/tags/tag_a.asp 似乎对我没有帮助。

我尝试将<a>标记放在<div>标记内，并使用div的事件，如：

 <div load="alert('test1');" progress="alert('test2');" >
  <a href="/images/myw3schoolsimage.jpg" download>
   <img src="/images/myw3schoolsimage.jpg" alt="W3Schools" width="104" height="142">
  </a>
 </div>

（https://en.wikipedia.org/wiki/DOM_events）

但是没有用。

总而言之，我要达到的目的是在点击<a href="/images/myw3schoolsimage.jpg" download>之后跟踪下载，以便为下载建立进度条

有什么想法吗？

Answer 1

您在div元素上拥有的那些属性什么也没做；如果再次查看Wiki页面，您会注意到在(none)列下列出了每个事件Attribute。解决方案并不像您想的那么容易。这种解释可能可以帮助您完成所需的工作：ajax file download : progress event, for download

如何跟踪<ahref="#"下载>的下载进度？

1 个答案: