6

我们目前正在努力为用户提供下载选项以下载 MP3 文件。我们正在开发一个无需服务器即可在本地系统中完全执行的应用程序。

但是下载 mp3 文件选项在大多数浏览器中都不起作用。它在大多数浏览器的内置媒体播放器中打开。

我们已经检查了解决方案，因为我们得到了诸如在服务器端使用标头设置“内容处置”或使用 PHP 或 ASP 脚本使其可下载的答案。

我还检查了 jquery filedownload.js 插件。这也有一个部分，如设置内容处置和设置cookie。

所以我想知道是否可以创建一个文件下载链接（用于 MP3）*，仅使用 Javascript 或 jQuery 等客户端脚本兼容所有浏览器。

重要的提示：

实际上，该过程不是从服务器下载文件，而是从客户端系统本身下载文件。

也就是说，MP3 文件应该从客户端系统中的一个位置（目录）复制到另一个位置。

4

1 回答 1

2

此解决方案需要 XHR2 的浏览器支持 (http://dvcs.w3.org/hg/xhr/raw-file/tip/Overview.html)

它将 MP3 下载到一个 blob 中，然后将创建一个您可以访问该 blob 的 URL。在此过程中，您可以将 Mimetype 覆盖为您需要的任何内容。

window.URL = window.URL || window.webkitURL;

    var xhr = new XMLHttpRequest();
    xhr.open('GET', 'http://robtowns.com/music/blind_willie.mp3', true);
    xhr.responseType = 'blob';
    xhr.overrideMimeType('application/octet-stream');
    xhr.onload = function(e) {
        if (this.status == 200) {
            var blob = this.response;
            $('#link').html('<a href="'+window.URL.createObjectURL(blob)+'">Download</a>');
        }
    };

    xhr.send();

JSfiddle 示例要求您在浏览器中关闭 web-security 以允许跨域请求。 http://jsfiddle.net/D2DzR/3/

于 2012-11-02T16:32:46.820 回答