如果我有一个视频文件的URL,如何检测URL指向的资源是否有效并且在显示之前是否存在?我已经看到一些建议AJAX的答案,但我只知道AJAX发送和检索一些数据,而不是获取文件的状态是否存在。
例如,如果我有http://www.example.com/video.mp4
这样的网址,我该如何检查video.mp4
是否存在,是否可以检索?
答案 0 :(得分:6)
你真的不需要ajax,只需创建一个视频元素,看看它是否可以加载源
var video = document.createElement('video');
video.onload = function() {
alert('success, it exsist');
// show video element
}
video.onerror = function() {
alert('error, couldn\'t load');
// don't show video element
}
video.src = 'http://www.example.com/video.mp4';
不同的浏览器播放不同的格式,检查文件是否可以在当前浏览器中播放,您可以使用canplaythrough
事件
video.oncanplaythrough = function() {
alert("This file can be played in the current browser");
};
如果文件在同一个域上,并且端口和协议匹配,则可以使用ajax执行HEAD请求并查看资源是否存在,但这不会跨域工作
var http = new XMLHttpRequest();
http.open('HEAD', '/folder/video.mp4');
http.onreadystatechange = function() {
if (this.readyState == this.DONE) {
if (this.status != 404) {
// resource exists
}
}
};
http.send();
答案 1 :(得分:1)
您可以发送HEAD
个请求。 HEAD
个请求只返回HTTP标头,因此如果您获得200或304的状态,则表示该资源存在,如果您获得404,则表示该资源不存在。