拉從reddit的API

Question

高分辨率圖像我有一個簡單的腳本來從版（Subreddit）獲取圖像：

唯一的問題是，它的拉動低分辨率大拇指代替高分辨率圖像。

fetch('https://www.reddit.com/r/RoomPorn.json') 
    .then(res => res.json()) 
    .then(res => res.data.children) 
    .then(res => res.map(post => ({ 
    author: post.data.author, 
    link: post.data.url, 
    img: post.data.thumbnail, 
}))) 

.then(res => res.map(render)) 
.then(res => console.log(res)) 

const app = document.querySelector('#app'); 

const render = post => { 
const node = document.createElement('div'); 
node.innerHTML = ` 
    <a href="${post.link}"> 
    <img src="${post.img}"/> 
    </a>`; 
app.appendChild(node); 

}

是否有可能拉高分辨率呢？

謝謝您的時間，

• ķ

Answer 1

嘗試：

fetch('https://www.reddit.com/r/RoomPorn.json') 
    .then(res => res.json()) 
    .then(res => res.data.children) 
    .then(res => res.map(post => ({ 
    author: post.data.author, 
    link: post.data.url, 
    img: post.data.preview.images[0].source.url, 
}))) 

BTW post.data.url應該從原始來源的高分辨率圖像鏈接。