Django:想创建一个可以上传和展示图像的应用

1 投票
2 回答
541 浏览
提问于 2025-04-16 21:36

我想创建一个可以上传和显示图片的django应用。不过我在这个过程中遇到了一些麻烦,因为它没有正常工作。具体来说,当我尝试从表单上传图片时,图片并没有在我的列表中显示出来。所以我似乎在显示图片方面遇到了问题。

这是我到目前为止所做的工作。

编辑 - 代码已更新:我做了一些需要修改的更改。现在仍然有一个问题。我的程序没有直接显示图片,而是打印出了图片保存的目录。

举个例子,{{comment.photo}} 会打印出路径 C:/Users/AQUIL/Desktop/myproject/images/P1000992.JPG。但我想在屏幕上看到图片。那我该怎么做才能把图片显示在屏幕上呢?

models.py

class Comment(models.Model):
    name = models.CharField(max_length = 40)
    datetime = models.DateTimeField(default=datetime.now)
    photo = models.ImageField(upload_to='C:/Users/AQUIL/Desktop/myproject/images', blank=True, null=True)
    note = models.TextField()
    def __unicode__(self):
        return unicode(self.name)

Views.py

def home(request):
    comments = None
    try:
        comments = Comment.objects.order_by('-datetime')
    except:
        return HttpResponseNotFound()
    return render_to_response('home.html', {'comments':comments}, context_instance=RequestContext(request)) 


def add_notes(request):
    comments = Comment.objects.all()
    if request.method == 'POST':
        form = CommentForm(request.POST or None, request.FILES)
        if form.is_valid():
            comments.datetime = datetime.now()
            form.save(True)
            return HttpResponseRedirect(reverse(home))
    else:
        form = CommentForm()
    return render_to_response('form.html', {'form':form,'comments':comments}, context_instance = RequestContext(request))

forms.py

class CommentForm(forms.ModelForm):
    class Meta:
        model = Comment
    exclude =('datetime')

home.html

{% extends "base.html" %}

{% block content %}

<H2>List of Comments</H2>
<div style="overflow:auto;padding: 10px; border:1px solid black; height:150px; width:700px;">

{% for comment in comments %}
    {{comment.photo}}<br/>
    <b>Posted by: {{ comment.name }} Date: {{ comment.datetime.date }} Time: {{comment.datetime.time}}</b><br/>
    <div style="font-size:125%">{{ comment.note }}</div><br/>   
{% endfor %}
</div>
{% endblock %}

这有很多信息,但我希望这些能有所帮助。

form.html

{% extends "base.html" %}
{% block content %}

<h3>Add Notes</h3>  
    <form  enctype="multipart/form-data"  action="" method="POST">{% csrf_token %}
        <table>
        {{form.as_table}}<br/>
        </table>
         <input type="submit" value="Save" STYLE="background-color:#E8E8E8; color:#181818 "/>
    </form>
{% endblock %}

2 个回答

1

首先,你的网址字符串应该只包含斜杠 "/",而不是反斜杠 "\"。

其次,你可以在上传路径的参数中使用本地路径,像这样:

upload_to='upload/'

然后在settings.py文件中正确设置MEDIA_ROOT的值,具体可以参考文档

在你的情况下,它应该是:

MEDIA_ROOT = 'C:/Users/AQUIL/Desktop/myproject/images/'
0

请查看文档中的这部分内容

另外,我们能看看表单的HTML代码吗?顺便说一下,如果你按照文档中的步骤来做,你就能搞定了……enctype这个属性非常重要!

撰写回答