去不图床使用全新的 API 接口,原有的 Waline 评论系统贴图方法发生改变,该文分享杜老师说 Waline 评论系统新版贴图 API 设置示例。
更新记录
在 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>
条评论