Waline 评论系统新版贴图 API 设置示例

去不图床使用全新的 API 接口，原有的 Waline 评论系统贴图方法发生改变，该文分享杜老师说 Waline 评论系统新版贴图 API 设置示例。

更新记录

2022 年 07 月 30 日

在 Pika 兄建议下，更新了 Waline 上传策略。

调整内容

新版 API 主要对提交数据类型、身份验证方式、返回值做了些调整，所以无法继续使用原有调用方式。

请先参考《改版去不图床 Token 的获取》获取所需信息。

设置示例

请参考下面的代码，记得将 TOKEN 替换成自己的：

<div id="waline" style="max-width: 800px; margin: 0 auto"></div>
<script>
  const waline = Waline.init({
    el: '#waline',
    serverURL: 'https://waline.vercel.app',
    path: '/',
    lang: 'en-US',
    imageUploader: function (file) {
      let formData = new FormData();
      let headers = new Headers();
      formData.append('file', file);
      headers.append('Authorization', 'Bearer TOKEN');
      headers.append('Accept', 'application/json');
      return fetch('https://7bu.top/api/v1/upload', {
        method: 'POST',
        headers: headers,
        body: formData,
      })
        .then((resp) => resp.json())
        .then((resp) => resp.data.links.url);
    },
  });
</script>