Circumventing Chrome Access-control-allow-origin on the local file system?

by

I think I’ve figured it out.

All I really needed to do was add a callback into my <script> tag. Final code:

I have an element named next… So, in the $("#next").click() function I have the following code. This only gets executed if they click “next”.

//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="https://stackoverflow.com/questions/4742467/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.  
}

This seems to work, and allows Chrome to dynamically load .js files on the local file system while circumventing the access-control-allow-origin policy I ran into while trying to use jQuery functions.

More Related Contents:

  1. How can I access the contents of an iframe with JavaScript/jQuery?
  2. Get the real width and height of an image with JavaScript? (in Safari/Chrome)
  3. Is it possible to display a custom message in the beforeunload popup?
  4. How to wait until an element exists?
  5. Allow Google Chrome to use XMLHttpRequest to load a URL from a local file
  6. JSFiddle code not working in my own page
  7. Chrome refuses to execute an AJAX script due to wrong MIME type
  8. How to use jQuery in chrome extension?
  9. “Uncaught TypeError: a.indexOf is not a function” error when opening new foundation project
  10. Javascript Debugging line by line using Google Chrome
  11. How can I remove the “No file chosen” tooltip from a file input in Chrome?
  12. Getting Chrome to prompt to save password when using AJAX to login
  13. Setting onbeforeunload on body element in Chrome and IE using jQuery
  14. How can I retain the scroll position of a scrollable area when pressing back button?
  15. Refused to execute inline event handler because it violates CSP. (SANDBOX)
  16. How can I make window.showmodaldialog work in chrome 37?
  17. When using setInterval, if I switch tabs in Chrome and go back, the slider goes crazy catching up
  18. How to disable Chrome’s saved password prompt setting through JavaScript
  19. CORS not working on Chrome
  20. JavaScript: Invert color on all elements of a page
  21. Failed to load resource: net::ERR_CONTENT_LENGTH_MISMATCH
  22. Using iframe with local files in Chrome
  23. Chrome Extension “Refused to load the script because it violates the following Content Security Policy directive”
  24. tabs.executeScript – passing parameters and using libraries?
  25. Chrome and Safari XSLT using JavaScript
  26. The onclick event does not work for options
  27. Force hide address bar in Chrome on Android
  28. Get List of jQuery UI themes – from an URL (same-origin-policy)
  29. XMLHttpRequest; Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource [duplicate]
  30. document.documentElement.scrollTop return value differs in Chrome

Leave a Comment