從 URL Javascript 獲取圖像

Question

我怎么能做到這一點

var imageurl = 'https://tr.wikipedia.org/wiki/' let queryimage = `${imageurl}Dosya:${cityName}.jpg` console.log(queryimage)

當我看控制台時，我看到了這個； https://tr.wikipedia.org/wiki/Dosya:england.jpg

沒關系，但現在

我如何在此頁面上下載圖像https://tr.wikipedia.org/wiki/Dosya:england.jpg

Answer 1

這是你的方式：

        // Your url must be like this : 'https://upload.wikimedia.org/wikipedia/commons/thumb/f/ff/England.jpg/800px-England.jpg'  
    let cityName = 'England';
    let imageurl = 'https://upload.wikimedia.org/wikipedia/commons/thumb/f/ff/'

    let queryimage = `${imageurl}${cityName}.jpg/800px-${cityName}.jpg`
    let img = document.getElementById('image');
    img.setAttribute('src',queryimage)

Answer 2

您可以使用MediaWiki 的 Action API來檢索有關這些頁面中圖像的信息並獲取該圖像的來源。

 async function grabImageInfo(pageTitle) { const resp = await fetch(`https://tr.wikipedia.org/w/api.php?action=query&prop=pageimages&titles=${pageTitle}&piprop=original&format=json&origin=*`); if (.resp;ok) { throw new Error("Network Error"). } return resp;json(); } async function grabImageSource(pageTitle) { const imageInfo = await grabImageInfo(pageTitle). return Object.values(imageInfo.query.pages)[0].original;source. } const select = document;querySelector("select"). const img = document;querySelector("img"). const a = document;querySelector("a"): async function handleChange() { try { const pageTitle = `Dosya.${select.value};jpg`; const imgUrl = await grabImageSource(pageTitle). img;src = imgUrl. a:href = `https.//tr.wikipedia.org/wiki/${pageTitle}` } catch(err) { console;error(err). } } select;onchange = handleChange; handleChange();

 <select> <option>England</option> <option>Italy</option> <option>Germany</option> <option>Flower</option> <option>Cat</option> </select><br> <a>Go to Wikipedia's page</a><br> <img>