File Url Cross Domain Issue in Chrome- Unexpected

by

You are hitting the cross domain/file security limitations of Chrome.

You can, disable this by following the instructions in Disable same origin policy in Chrome and details in How can access and the origin policy in chrome as I’m not using a server on how to start Chrome with these turned off.

A word of warning, though: they are called “security limitations” for a reason so do not go applying this when browsing 3rd party sites. This is extremely dangerous to turn off whilst browsing the web normally. For example, with this turned off I can now make requests on your behalf to sites like gmail.com, facebook.com and yourbank.com, and your cookies will be set allowing me to masquerade as yourself.

If you still really need this, you need to run chrome with the --disable-web-security flag:

chrome --disable-web-security # unix/linux only

If you need cross OS instructions on how to apply the flag, see http://www.chromium.org/developers/how-tos/run-chromium-with-flags.

More Related Contents:

  1. Fill SVG path element with a background-image
  2. Do I use , , or for SVG files?
  3. How to modify the fill color of an SVG image when being served as background image?
  4. SVG drop shadow using css3
  5. Drawing an SVG file on a HTML5 canvas
  6. border curved css – circle with curved end
  7. HTML5 download attribute not working when downloading from another server, even when Access-Control-Allow-Origin is set to all (*)
  8. What are the integrity and crossorigin attributes?
  9. How to embed a SWF file in an HTML page?
  10. Circular percent progress bar
  11. make an html svg object also a clickable link
  12. Using base tag on a page that contains SVG marker elements fails to render marker
  13. How do I scale a stubborn SVG embedded with the tag?
  14. How to calculate required hue-rotate to generate specific colour?
  15. Convert embedded SVG to PNG in-place
  16. Method to convert HTML5 canvas to SVG?
  17. SVG image inside circle
  18. How to embed a Google Drive folder in a website
  19. CSS transform origin issue on svg sub-element
  20. Manipulating external svg file style properties with CSS
  21. Css hover sometimes doesn’t work on svg paths
  22. What is the difference between SVG and HTML5 Canvas?
  23. Purpose of the crossorigin attribute…?
  24. Scale path from center
  25. Create a Reverse Clip-Path – CSS or SVG
  26. Draw SVG on HTML5 Canvas with support for font element
  27. Internet Explorer and clip-path
  28. Accessibility: recommended alt-text convention for SVG and MathML?
  29. svg background image position is always centered in internet explorer, despite background-position: left center;
  30. How can I display an image inside SVG circle in html5?

Leave a Comment