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

时间:2012-12-28 07:15:34

标签: javascript html5 xmlhttprequest cross-domain web-audio

我正在使用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。

有解决方法吗?

1 个答案:

答案 0 :(得分:3)

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

如果您无权访问远程域,则可以在域上设置服务器端脚本,该脚本将充当域和远程域之间的桥梁。然后,您将把AJAX请求发送到您自己的脚本,该脚本将简单地将HTTP请求委托给远程域,获取二进制数据并将其返回给客户端而不进行修改。