XMLHttpRequest Origin null nie jest dozwolone Access-Control-Allow-Origin dla pliku: / / / do pliku: / / / (Serverless)

Zasadniczo jedynym sposobem, aby sobie z tym poradzić, jest posiadanie serwera www działającego na localhost i serwowanie go stamtąd.

Uruchomienie serwera www może być równie trywialne jak cdwejście do katalogu, w którym znajdują się pliki i uruchomienie:

python -m SimpleHTTPServer

Oto applescript, który uruchomi Chrome z włączonym przełącznikiem --allow-file-access-from-files, dla programistów OSX/Chrome:

set chromePath to POSIX path of "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"    
set switch to " --allow-file-access-from-files"
do shell script (quoted form of chromePath) & switch & " > /dev/null 2>&1 &"

To rozwiązanie pozwoli Ci załadować skrypt lokalny używając jQuery.getScript (). Jest to ustawienie globalne, ale możesz również ustawić opcję crossDomain na podstawie żądania.

$.ajaxPrefilter( "json script", function( options ) {
  options.crossDomain = true;
});

Co powiesz na użycie funkcji javascript FileReader do otwarcia lokalnego pliku, czyli:

<input type="file" name="filename" id="filename">
<script>
$("#filename").change(function (e) {
  if (e.target.files != undefined) {
    var reader = new FileReader();
    reader.onload = function (e) {
        // Get all the contents in the file
        var data = e.target.result; 
        // other stuffss................            
    };
    reader.readAsText(e.target.files.item(0));
  }
});
</script>

Teraz kliknij przycisk Choose file i przejdź do pliku file:///C:/path/to/XSL%20Website/data/home.xml

Uruchom chrome tak, aby ominąć to ograniczenie: open -a "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" --args --allow-file-access-from-files.

Pochodzi z komentarz Josha Lee ale musiałem określić pełną ścieżkę do Google Chrome, aby uniknąć otwierania Google Chrome z mojej partycji Windows (równolegle).

Możesz spróbować umieścić 'Access-Control-Allow-Origin':'*' w response.writeHead(, {[here]}).

Sposób, w jaki obejrzałem ten problem, to nie używanie XMLHTTPRequest w ogóle, ale dołączenie potrzebnych danych do osobnego pliku javascript. (W moim przypadku potrzebowałem binarnego Bloba SQLite do użycia z https://github.com/kripken/sql.js/)

Utworzyłem plik o nazwie base64_data.js (i użyłem btoa(), Aby przekonwertować potrzebne dane i wstawić je do <div>, Aby móc je skopiować).

var base64_data = "U1FMaXRlIGZvcm1hdCAzAAQA ...<snip lots of data> AhEHwA==";

A następnie zawarte DANE w html jak normalny javascript:

<div id="test"></div>

<script src="base64_data.js"></script>
<script>
    data = atob(base64_data);
    var sqldb = new SQL.Database(data);
    // Database test code from the sql.js project
    var test = sqldb.exec("SELECT * FROM Genre");
    document.getElementById("test").textContent = JSON.stringify(test);
</script>

Wyobrażam sobie byłoby banalnie zmodyfikować to, aby czytać JSON, może nawet XML; zostawię to jako ćwiczenie dla czytelnika;)