html - 如何使用 HTML 5 从服务器访问和下载文件

Question

我目前正在开发一个网站，用户可以从该网站下载二进制媒体文件(主要是 .mp3)。我们需要一种方法让“下载”按钮将文件保存到用户在浏览器首选项中指定的位置，并且它需要以某种方式显示进度条。

目前，我所担心的是找到一种使用 HTML5 实现此功能的方法，并以这样的方式进行，以便在未来的版本中我们稍后能够访问该流，以便一旦我们对这个基本的下载部分进行编码，我们将来可以以某种方式实现进度条。

我知道 HTML5 有一个文件 API，但目前很少有浏览器允许它的实现，我们需要它在 IE 7+ 和经常使用的 Chrome 和 Firefox 版本上工作。

感谢您的帮助!

Answer 1

HTML5 支持download 属性:http://webreflection.blogspot.com/2011/08/html5-how-to-create-downloads-on-fly.html

例子:

<a href="http://.../bad-romance.mp3" download="Bad Romance.mp3">Save "Bad Romance" to your computer</a>

单击此按钮将允许浏览器处理下载(而不是使用与 mime 类型关联的任何应用程序打开文件)，包括进度条。

注意:您真的要小心，不要通过尝试创建自己的实现来偏离正常用户的期望。这与强制链接在新选项卡中打开是同义的——如果用户期望一种行为但收到另一种行为，则可能会使用户感到困惑。对于您的情况，请尝试具体说明这是一个“下载”链接，而不是“播放”链接。上面的示例执行此操作，但“下载”图标可能也足够了。