Ajax: Como saber se uma implementação de script de usuário não define o cabeçalho de Origem?
Algumas implementações de script de usuário (como o Google Chrome) permitem solicitações diretas cruzadas de AJAX, mas outras não, e usam restrições da mesma origem. Aqui está uma parte do código:
/*
* Get the size of the file.
* @Button the current button for downloading the video.
* @Url the http url of the video.
*/
function SetFileSize(Button, Url) {
var ajax = new XMLHttpRequest();
ajax.onloadend = function () {
GetResolution(Button, Url, ' - ' + (parseInt(this.getResponseHeader("Content-Length")) / 1048576).toFixed(3) + ' Mo')
}
ajax.open('HEAD', Url, true); // <-- HEAD allow to get only the data of the headers.
ajax.send(null);
}
/*
* Retrieve width and height from an MPEG-4 file.
* Width and height are stored as float values, where width come next to height inside binary data.
* There is no fixed place in the file. The method is to get them at 10 bytes before "mdia".
*/
function GetResolution(Button, Url, FileSize) {
var ajax = new XMLHttpRequest();
ajax.onloadend = function () {
var metadata = new DataView(this.response);
for (i = 0;(i < metadata.byteLength) && (metadata.getUint32(i) != 0x6D646961); i += 32) {} // 0x6D646961="mdia"
button.setAttribute('title', metadata.getUint32(i - 14) + 'x' + metadata.getUint32(i - 10) + FileSize);
}
ajax.responseType = 'arraybuffer'; // We want to handle binary data.
ajax.open('GET', Url, true); // <-- the 'false' have been deprecated.
ajax.setRequestHeader('Range', 'bytes=181-300'); // Proceed with a partial download.
ajax.send(null);
}
O resultado é o servidor(https://cors-anywhere.herokuapp.com/
) envia um erro 400 informando aoOrigin
cabeçalho ausente. Navegadores não permite definir oOrigin
cabeçalho para um hack rápido e sujo seria definir o costumex-requested-with
. Se um navegador antigo definir oOrigin
cabeçalho corretamente, isso cria uma duplicata dex-requested-with
. Aqui está o código:
ajax.setRequestHeader('x-requested-with', document.domain); // chrome doesn't support setting the 'Origin' header automatically.
Não posso usarinstruções try como as solicitações síncronas de AJAX foram descontinuadas, nem posso definir o cabeçalho de origem. Então, como posso saber se o navegador não define um cabeçalho específico?