Question

我是django的新手，我看到了问题的解决方案，但都没有效果。

我按照您在models.py中的Item类中看到的管理员上传图片：

from django.db import models
from django.contrib import admin


class Customer (models.Model):
    username = models.CharField(max_length=500)
    email = models.CharField(max_length=1000 , unique=True)
    phone = models.IntegerField()
    address = models.CharField(max_length=3000)


class Category(models.Model):
    category_title = models.CharField(max_length=100 , unique=True)

    def __str__(self):
        return self.category_title


class Order (models.Model):
    time = models.DateTimeField(auto_now_add=True)
    total = models.IntegerField()
    created_by = models.ForeignKey(Customer, related_name='orders')


class Item (models.Model):
    name = models.CharField(max_length=100 ,unique=True)
    details = models.CharField(max_length=1000)
    price = models.IntegerField()
    item_logo = models.ImageField(upload_to='res/static/res/images')
    category = models.ForeignKey(Category, related_name="items" ,on_delete= models.CASCADE)

    def __str__(self):
        return self.name


class ItemInline(admin.TabularInline):
    model = Item

class CategoryAdmin(admin.ModelAdmin):
    inlines = [
        ItemInline,
    ]

那么如何让这些图像显示在我的HTML中（注意：html代码工作正常，但是出现一个小的默认图像字段而不是图像）：

{% extends 'res/menu.html' %}
{% block content %}
<h1>hello</h1>

    <table class="table table-striped table-bordered" style="text-align: left ; border-color: black;" id="pizza_table">
        <tbody>
            {% for item in items %}
                <td>
                    {{ item.name }}
                    <p>{{ item.details }}</p>
                </td>
                <td>
                    <img src="{{item.item_logo}}">
                </td>
                <td>

                </td>
                <td>
                    <button type="button" class="btn btn-success" style="margin: 5px ;" onclick="additem('Seafood Pizza', 20 ) ;">Add</button>
                </td>
            {% endfor %}
        </tbody>
    </table>

{% endblock %}

提前致谢

Answer 1

来自doc：

的Qoute

在模型中使用FileField或ImageField（见下文）需要几个步骤：

在您的设置文件中，您需要将MEDIA_ROOT定义为您希望Django存储上传文件的目录的完整路径。（为了提高性能，这些文件不会存储在数据库中。）将MEDIA_URL定义为该目录的基本公共URL。确保Web服务器的用户帐户可以写入此目录。

将FileField或ImageField添加到模型中，定义upload_to选项以指定MEDIA_ROOT的子目录以用于上载的文件。

将存储在数据库中的所有内容都是文件的路径（相对于MEDIA_ROOT）。你很可能想要使用Django提供的方便url属性。例如，如果您的ImageField名为mug_shot，则可以使用{{object.mug_shot.url}}在模板中获取图像的绝对路径。

您还需要在development期间修改网址以提供媒体文件。

因此，您需要在设置文件中添加MEDIA_ROOT和MEDIA_URL：

MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'

添加到网址文件：

urlpatterns = [
    # ... the rest of your URLconf goes here ...
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

并在模板中添加url方法：

<img src="{{item.item_logo.url}}">

显示管理员在html模板中上传的图片

1 个答案: