如何为服务器上的图像设置Access-Control-Allow-Origin HTTP标头？

Question

I'm trying to use my application to load images from my server, but I couldn't do it, as I do not know where to set HTTP header: Access-Control-Allow-Origin: * for images. I have only basic knowledge on web programming, so its quite confusing what I get from the web.. Help is very much appreciated!

Answer 1

You generally don't need this header for images, only for data that's accessed using AJAX. But if you need it, the proper way is with the header() function:

header('Access-Control-Allow-Origin: *');

This has to be done before your script produces any output, so it should generally be at the beginning of the script.

Answer 2

The answer was to include a file named .htaccess (notice the leading dot) anywhere in the path of the requested file, that file should contain this line:

Header set Access-Control-Allow-Origin "*"

The .htaccess can be place anywhere you like as long as its under /public_html