小编H.Z*_*hao的帖子

在使用 material-ui TextField 时，我希望 TextField 是裸露的（没有下划线）。我确实知道使用 material-ui 中的 InputBase 可以实现这一点，但我有点需要使用 TextField API 来实现这一点，但我没有在 API 指南中找到这样做的方法。

我有一个通过foreignkey与item模型相关的图像模型，但该资源的API端点仅显示图像的名称而不是图像的url。（我在 Item 模型中有一个图像文件，可以显示为 url/uri）。那么，如何序列化数据以获得图像的所有媒体 URL。

楷模 ：

class Item(models.Model):

    title = models.CharField(max_length=200)
    ...
    img = models.ImageField()

class ItemDetailImg(models.Model):
    item = models.ForeignKey(
        Item, on_delete=models.CASCADE, related_name='images')
    image = models.ImageField()

序列化器：

class ItemSerializer(serializers.ModelSerializer):

    class Meta:
        model = Item
        fields = ("id",
                  "title",
                  ...
                  "images"
                  )

一个 API 响应：

{
        "id": 16,
        "title": "Venice",

        ...

        "img": "http://127.0.0.1:8000/media/roman-kraft-g_gwdpsCVAY-unsplash.jpg",

        "images": [
            7,
            8
        ]
    }

我期待这种 api 响应

{
        "id": 16,
        "title": "Venice",

        ...

        "img": "http://127.0.0.1:8000/media/roman-kraft-g_gwdpsCVAY-unsplash.jpg",

        "images": [
            "http://127.0.0.1:8000/media/image1.jpg",
            "http://127.0.0.1:8000/media/image2.jpg"
        ]
    }

谢谢，任何帮助将不胜感激！