Обход Chrome Access-control-allow-origin в локальной файловой системе?

Ответ 1

Думаю, я это понял.

Мне действительно нужно было добавить обратный вызов в тег <script>. Окончательный код:

У меня есть элемент с именем next... Итак, в функции $("#next").click() у меня есть следующий код. Это выполняется только в том случае, если они нажимают "Далее".

//remove old dynamically written script tag-    
       var old = document.getElementById('uploadScript');  
   if (old != null) {  
     old.parentNode.removeChild(old);  
     delete old;  
   } 

   var head = document.getElementsByTagName("head")[0];  
   script = document.createElement('script');  
   script.id = 'uploadScript';  
   script.type = 'text/javascript';  
   script.src = 'test/' + scope_dir + '/js/list.js';  
   script.onload = refresh_page;    
   head.appendChild(script);  


function refresh_page(){  
   //perform action with data loaded from the .js file.  
}  

Кажется, что это работает и позволяет Chrome динамически загружать файлы .js в локальную файловую систему, обойдя политику контроля доступа-разрешения-источника, с которой я столкнулся, пытаясь использовать функции jQuery.

Ответ 2

Хорошо, сделал много возиться и потратил много времени. Но я понял это. Решение в моем последнем ответе отлично подходит для Chrome и для Mozilla. Но это не работает для благословенного IE, потому что IE не запускает событие onload: он думает, что он имеет дело со всеми загрузками в этом файле, и вы не можете заставить его сделать еще один. Тем не менее, IE очень рад загрузить файл с помощью функции jQuery getScript (которую Chrome не разрешит из-за политики ccess-control-allow-origin) - вам понадобятся библиотеки JQuery для этого. Итак, вот что я закончил:

function getMyText(){
    var url='mylocalfile.js';
    if (jQuery.support.scriptEval) { 
        var old = document.getElementById('uploadScript');  
        if (old != null) {  
             old.parentNode.removeChild(old);  
             delete old;  
            } 
        var head = document.getElementsByTagName("head")[0]; 
        var script = document.createElement('script');
        script.id = 'uploadScript';
        script.type = 'text/javascript';
        script.onload = refresh_page; 
        script.src = url; 
        head.appendChild(script);  
    } else {
       $.getScript(url,function(){
            refresh_page();
      });
     }
}

function refresh_page() {
    alert(mytext);
}

Во всем этом mylocaltext.js определяет все мои html как содержимое переменной mytext. Уродливо, но это работает. jQuery.support.scriptEval верен для интеллектуальных браузеров, которые запускают события onload при изменении DOM. IE не делает этого, поэтому отправляет его на .getScript; Chrome и другие, так что отправляет их другим способом. В любом случае это работает с локальными файлами.

Ответ 3

Интересно, но как я могу использовать ту же технику для загрузки во весь HTML файл? Аналогичная проблема для вас - у меня есть сотни HTML файлов, которые я хочу включить в веб-страницу, в зависимости от того, что пользователь хочет увидеть. Кажется, я могу использовать эту технику для загрузки на всей HTML-странице, например:

script.id = 'uploadScript';
script.type = 'text/html';
script.src = url; 
script.onload = refresh_page; 
head.appendChild(script);  

т.е. скажите, что он загружается в HTML. Я вижу на консоли, что он загружает его на страницу, и получаю сообщение "Ресурс, интерпретируемый как script, но переданный с текстом типа MIME/html". Но я не могу понять, как получить HTML-код, загруженный и удерживаемый в script