Imgur Api 使用 Fetch es6 获取图库

Question

我必须使用 IMGUR API 创建一个图片库。我有使用 imgur 网站制作的客户 ID。现在我必须从图库中获取数据，这些数据可以来自顶部、用户、病毒等部分。

我不确定如何通过 {{section}}/{{sort}}/{{window}} 。我从输入标签中获取价值，就像用户做病毒一样，所以我在变量部分中获取字符串 "viral"。

整个代码在 ES6 中 javascript

 var myHeaders = new Headers();
myHeaders.append("Authorization", "Client-ID {{clientId}}");

var requestOptions = {
  method: 'GET',
  headers: myHeaders,
};

fetch("https://api.imgur.com/3/gallery/{{section}}/{{sort}}/{{window}}/{{page}}?showViral={{showViral}}&mature={{showMature}}&album_previews={{albumPreviews}}", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Api 参考 - https://apidocs.imgur.com/?version=latest#eff60e84-5781-4c12-926a-208dc4c7cc94

enter image description here

Answer 1

使用反引号

fetch(`https://api.imgur.com/3/gallery/${section}/${sort}/${window}/${page}?showViral=${showViral}&mature=${showMature}&album_previews=${albumPreviews}`, requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Imgur Api 使用 Fetch es6 获取图库

Imgur Api Fetching Gallery using Fetch es6

javascript

reactjs

web

ecmascript-6

imgur