javascript - 如何跨域请求二进制数据？

Question

我正在使用 HTML5 音频 API 制作一个 Web 应用程序，它需要来自另一个域的 mp3 文件，

我写这个是为了将 mp3 作为 arraybuffer 加载，但这不能从另一个域加载文件。

makeSound.prototype.load = function(callback) {
  var request = new XMLHttpRequest();
  var that = this;
  request.open("GET", this.url, true);
  request.responseType = "arraybuffer";
  request.onload = function() {
    that.buffer = that.context.createBuffer(request.response, true);
    that.reload();
    callback(request.response);
  }
  request.send();
}

而且由于数据是二进制的，我无法想出一种方法来请求它作为 JSONP。

有什么解决方法吗？

Answer 1

如果您可以控制远程域，您可以将数据转换为 BASE64 编码，然后使用 JSONP。作为替代方案，您可以配置 CORS在远程域上。

如果您无法访问远程域，您可以在您的域上设置一个服务器端脚本，作为您的域和远程域之间的桥梁。然后，您会将 AJAX 请求发送到您自己的脚本，该脚本又会将 HTTP 请求简单地委托(delegate)给远程域，获取二进制数据并将其返回给客户端而不进行修改。