如何在 Django 中显示来自 API 的图像

Question

我正在 Django 创建一个网站。在主页上，我想在每次重新加载网站时显示不同的图像。我找到了一个 API，其中包含我认为我需要的所有图片，但我以前从未使用过 API，而且我发现研究如何完成这个简单的具体事情非常困难。这些文档也没有给我太大帮助。

我正在尝试使用https://waifu.pics/docs。当您提供特定的 URL（例如 https://api.waifu.pics/sfw/dance ）时，您将获得一个 JSON，其中包含您需要使用的实际图像 URL。我的第一次尝试：

<a href="{% url 'index'%}"><img src="https://api.waifu.pics/sfw/dance" alt="Homepage IMG"> </a>

我知道它会比这更复杂，但我的第一个想法是在...中使用链接，但这不起作用，因为我每次都需要获取特定的 URL。任何帮助将不胜感激，谢谢。

Answer 1

所以我需要向 API 发出请求来获取实际的图像 URL。

这个功能就可以完成任务

import requests
from django.shortcuts import render

def index(request):
    response = requests.get('https://api.waifu.pics/sfw/dance')
    data = response.json()
    image_url = data['url']
    return render(request, 'index.html', {'image_url': image_url})

在index.html模板中，我们现在可以使用

image_url

变量来显示图像。

<img src="{{ image_url }}" alt="Homepage IMG">