링크 리디렉션 후에 이미지/png 데이터를로드 할 수 있습니까?

Question

이 문제가 있습니다 ... JSON 파일에서 이름을로드하는 프로젝트에서 작업하고 있습니다 (중요하지 않음).

나는 Wikia를 사용합니다 Special : Filepath 내 이미지를 얻으려면 링크. 그래서 브라우저에 입력하면 : http://2007.runescape.wikia.com/wiki/Special:Filepath/Abyssal_head.png이 이미지 링크를 반환합니다 : http://img1.wikia.nocookie.net/__cb20140108135954/2007scape/images/0/0f/Abyssal_head.png.

올바르게 리다이렉션을 해결할 수있는 방법이있어서 제대로 아약스 호출로로드 할 수 있습니까? 나는 (그것이 내가 생각하는 올바른 헤더를 찾을 수 없기 때문에 정상)이 오류가 첫 번째 링크를 수행하려고 할 때마다 는 :

XMLHttpRequest cannot load http://2007.runescape.wikia.com/wiki/Special:Filepath/Abyssal_head.png. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. 

모든 도움을 환영합니다.

Answer 1

Special:Filepath은 위키 내에서 파일에 링크하는 데 유용하지만 프로그래밍 방식으로 경로를 가져 오려면 API를 사용하면 훨씬 더 많은 유연성을 얻을 수 있습니다. 단지 this처럼 prop=imageinfo 및 iiprop=url 매개 변수를 사용하여 파일 경로를 얻으려면 :

api.php?action=query &titles=Image:Abyssal_head.png &prop=imageinfo &iiprop=url &format=json

이것은 query.pages.{PAGE}.imageinfo.url에 원하는 URL과 함께 ...이

{"query": { 
    "normalized":..., 
    "pages":{ 
     "28052":{ 
      "pageid":28052, 
      "ns":6, 
      "title":"File:Abyssal head.png", 
      "imagerepository":"local", 
      "imageinfo":[ 
       { 
        "url":"http:\/\/img1.wikia.nocookie.net\/__cb20140108135954\/2007scape\/images\/0\/0f\/Abyssal_head.png", 
        "descriptionurl":"http:\/\/2007.runescape.wikia.com\/wiki\/File:Abyssal_head.png" 
       } 
      ] 
     } 
    } 
}} 

처럼 당신에게 JSON 객체를 줄 것이다

|으로 제목을 분리하여 여러 개의 파일을 검색 할 수 있습니다.

자세한 내용은 2007.runescape.wikia.com/api.php을 참조하십시오.