如何在网络浏览器中使用 HTML5 来访问另一个域中的受限资源


跨源资源共享 (CORS) 是一种机制,旨在允许网络浏览器中访问另一个域中的受限资源

例如,如果你在 HTML5 示例部分中单击 HTML5 视频播放器。它会要求访问摄像头权限。如果用户允许该权限,则只有这样才会打开摄像头,否则该权限不会为 Web 应用程序打开摄像头

此处 Chrome、Firefox、Opera 和 Safari 均使用 XMLHttprequest2 对象,而 Internet Explorer 使用类似的 XDomainRequest 对象。

function createCORSRequest(method, url) {
   var xhr = new XMLHttpRequest();
   if ("withCredentials" in xhr) {
      // Check if the XMLHttpRequest object has a "withCredentials" property.
      // "withCredentials" only exists on XMLHTTPRequest2 objects.
      xhr.open(method, url, true);
   }
   else if (typeof XDomainRequest != "undefined") {
      // Otherwise, check if XDomainRequest.
      // XDomainRequest only exists in IE, and is IE's way of making CORS requests.
      xhr = new XDomainRequest();
      xhr.open(method, url);
   }
   else {
     // Otherwise, CORS is not supported by the browser.
      xhr = null;
   }
   return xhr;
}
var xhr = createCORSRequest('GET', url);
if (!xhr) {
   throw new Error('CORS not supported');
}

更新于: 29-Jan-2020

249 次浏览

开启你的职业生涯

完成课程获得认证

开始
广告