可以在链接重定向后加载图像/png数据

Question

我有这个问题。。。我正在做一个从JSON文件加载名称的项目（这并不重要）。

问题是我使用WikiaSpecial: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.

有没有办法绕过这个重定向，这样我就可以用ajax调用正确地加载它？每当我尝试做第一个链接时，我都会收到这个错误（这很正常，因为我认为它找不到正确的标题）：

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对于从wiki中链接到文件很有用，但如果您想以编程方式获取路径，使用API将为您提供更大的灵活性。要获得文件路径，只需使用prop=imageinfo和iiprop=url参数，如下所示：

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

这会给你一个类似的json对象

{"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"
                }
            ]
        }
    }
}}

在query.pages.{PAGE}.imageinfo.url 中使用您想要的url

您可以在一个文件中查询多个文件，用|分隔它们的标题。

有关完整文档，请参阅2007.runescape.wikia.com/api.php。