如何使用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>

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

注意：您确实希望通过尝试创建自己的实现来小心不要偏离正常的用户期望。这与强制在新选项卡中打开链接是同义词——如果用户期待一种行为但收到另一种行为，这可能会让用户感到困惑。在您的情况下，请尝试明确说明这将是“下载”链接，而不是“播放”链接。上面的例子做到了这一点，但“下载”图标也可能就足够了。