2016-08-02 2 views
1

Я столкнулся с ошибкой CORS, когда пытаюсь загрузить видео из разных доменов. Я много пробовал решить, но не мог. Ниже приведен код js.сталкивается с ошибкой CORS

getVideoFile = function() { 
 
\t \t \t var xhr = new XMLHttpRequest(), 
 
\t \t \t blob; 
 
\t \t \t xhr.open("GET",myVideo, true); 
 
\t \t \t xhr.responseType = "blob"; 
 
\t \t \t xhr.addEventListener("load", function() { 
 
\t \t \t if (xhr.status === 200) { 
 
\t \t \t \t blob = xhr.response; 
 
\t \t \t \t putVideoInDb(blob); 
 
\t \t \t \t window.alert("Video file downloaded"); 
 
\t \t \t } 
 
\t \t \t else { 
 
\t \t \t \t window.alert("Unable to download video"); 
 
\t \t \t } 
 
\t \t \t }, false); 
 
\t \t \t xhr.send(); 
 
\t \t }; 
 

 
\t \t putVideoInDb = function (blob) { 
 
\t \t \t var transaction = db.transaction(["Videos"], "readwrite"); 
 
\t \t \t var store = transaction.objectStore("Videos"); 
 
\t \t \t var vid = { 
 
\t \t \t \t \t videoName:videoName, 
 
\t \t \t \t \t video:blob, 
 
\t \t \t \t } 
 
\t \t \t var request = store.add(vid); 
 
\t \t \t request.onerror = function(e) { 
 
\t \t \t \t \t console.log("Error",e.target.error.name); 
 
\t \t \t \t } 
 
\t \t \t request.onsuccess = function(e) { 
 
\t \t \t \t \t console.log("Done!!"); 
 
\t \t \t \t } 
 
\t \t };

ответ

0

Взгляните на этот вопрос: CORS error on same domain?

Конечно, это сценарий, где домен такой же, но все же логика та же ...

Здесь есть много статей об этой теме.

+0

Я хочу сделать это, используя только javascript, а не AJAX jquery. Было бы очень полезно, если бы вы могли предоставить решение с помощью javascript. – Nikhil

1
xhr.setRequestHeader('Access-Control-Allow-Headers', '*'); 

Установите это значение заголовка перед отправкой запроса. Для получения дополнительной информации вы можете прочитать здесь JavaScript - XMLHttpRequest, Access-Control-Allow-Origin errors

Смежные вопросы