使用Ajax检索MediaWiki完整图像URL

Question

MediaWiki的URL可直接直接映射URL。

<img src=
      "https://www.mediawiki.org/wiki/Special:FilePath/Wikimedia_Hackathon_Prague_2019_-_Group_Photo_-_CLK_-_cropped.jpg"/>

但是，使用此路径的问题是，有时图像将无法加载。我的猜测是，URL正在经过多个重定向以获取实际图像的URL。如果您尝试以相同的方式加载多个图像，这尤其会变得更加有问题。因此，我试图查看是否可以使用Ajax检索特殊的最终路径：filepath URL。

$.ajax({
    url:
      "https://www.mediawiki.org/wiki/Special:FilePath/Wikimedia_Hackathon_Prague_2019_-_Group_Photo_-_CLK_-_cropped.jpg",
    type: "GET",
    success: function (data) {
      console.log(data);
    }
  });

但是，这甚至从未取得成功，所以我不确定需要发生什么。

Answer 1

如果要使用ajax，请尝试 Mediawiki api （手动）：

通用JavaScript：

var api = "https://en.wikipedia.org/w/api.php"; 

var params = {
    action: "query",
    format: "json",
    prop: "imageinfo",
    iiprop: "url",
    titles: "File:Wikimedia Hackathon Prague 2019 - Group Photo - CLK - cropped.jpg"
};

api = api + "?origin=*";
Object.keys(params).forEach(function(key){api += "&" + key + "=" + params[key];});

fetch(api)
    .then(function(response){return response.json();})
    .then(function(response) {
        var pages = response.query.pages;
        for (var p in pages) {
            console.log(pages[p].title + " is at: " + pages[p].imageinfo[0].url);
        }
    })
    .catch(function(error){console.log(error);});

在 Mediawiki 环境中：

var params = {
    action: 'query',
    format: 'json',
    prop: 'imageinfo',
    iiprop: 'url',
    titles: 'File:Wikimedia Hackathon Prague 2019 - Group Photo - CLK - cropped.jpg'
},
api = new mw.Api();

api.get( params ).done( function ( data ) {
    var pages = data.query.pages,
        p;
    for ( p in pages ) {
        console.log( pages[p].title + ' is at: ' + pages[p].imageinfo[0].url );
    }
});