大家好,又见面了,我是你们的朋友全栈君。
/*
JS部分
没处理兼容什么的
*/
var id='<?php echo $_GET[‘id’];?>’;
var video = document.getElementById(“player”);
window.URL = window.URL || window.webkitURL;
var xhr = new XMLHttpRequest();
xhr.open(“POST”, “?c=kepool&m=blog_zyminute&id=”+id, true);
/*
正常我们用AJAX请求的是后台的借口
这里直接请求的是一个.MP4的文件;
如果你的视频文件和你项目没在同一个域下,会有跨域问题的;
*/
xhr.responseType = “blob”;
xhr.onload = function() {
if (this.status == 200) {
var blob = this.response;
video.onload = function(e) {
window.URL.revokeObjectURL(video.src);
};
video.src = window.URL.createObjectURL(blob);
}
}
xhr.send();
服务器端要配置允许CORS,
允许example.com的应用在www.example2.com上跨域提取数据
在nginx.conf里找到server项,并在里面添加如下配置
1
2
3
4
5
6
7
8
|
location /{
add_header 'Access-Control-Allow-Origin' 'http://example.com' ;
add_header 'Access-Control-Allow-Credentials' 'true' ;
add_header 'Access-Control-Allow-Headers' 'Authorization,Content-Type,Accept,Origin,User-Agent,DNT,Cache-Control,X-Mx-ReqToken,X-Requested-With' ;
add_header 'Access-Control-Allow-Methods' 'GET,POST,OPTIONS' ;
...
}
|
转载于:https://www.cnblogs.com/liliuguang/p/10007226.html
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/137825.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...