如何对二进制数据进行跨域请求？

Question

我正在使用HTML5音频API创建一个Web应用程序，该API需要来自其他域的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请求委派给远程域，获取二进制数据并将其返回给客户端而不进行修改。