如何使用HTML5在Web浏览器中允许来自其他域的受限资源
跨域资源共享(CORS)是一种允许来自Web浏览器中另一个域的受限资源的机制
假设,如果您在html5演示部分中单击HTML5-视频播放器。它将询问相机许可。如果用户允许该权限,则仅会打开摄像头,否则不会为网络应用程序打开摄像头
在这里,Chrome,Firefox,Opera和Safari都使用XMLHttprequest2对象,而InternetExplorer使用类似的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") {
//否则,检查XDomainRequest。
//XDomainRequest仅存在于IE中,并且是IE发出CORS请求的方式。
xhr = new XDomainRequest();
xhr.open(method, url);
}
else {
//否则,浏览器不支持CORS。
xhr = null;
}
return xhr;
}
var xhr = createCORSRequest('GET', url);
if (!xhr) {
throw new Error('CORS not supported');
}热门推荐
10 祝女儿简短祝福语大全
11 大学新年祝福语简短创意
12 元旦适合的祝福语简短
13 朋友出远门祝福语简短
14 初六简短的祝福语
15 祝男孩生日祝福语简短
16 同事调离的祝福语简短
17 拜年红包的祝福语简短
18 妈妈生日祝福语简短励志