Хотите отобразить изображение

Question

У меня небольшая проблема.Я хочу приложение 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/media/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))

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 %}

Answer 1

{% if comment.photo %} <img src="{{ comment.photo.url }}" alt="Photo" /> {% endif %}

См. Комментарий Джеффри о том, как правильно загрузить изображение.

Answer 2

Параметр загрузки ImageField должен быть локальным путем, поэтому замените:

photo = models.ImageField(upload_to='C:/Users/AQUIL/Desktop/myproject/media/images', blank=True, null=True)

по:

photo = models.ImageField(upload_to='images', blank=True, null=True)

Затем установите MEDIA_ROOT в settings.py как:

MEDIA_ROOT = 'C:/Users/AQUIL/Desktop/myproject/media/'

Наконец, ваше изображение myImage.png будет доступно по адресу:

C:/Users/AQUIL/Desktop/myproject/media/images/myImage.png

И этот тег должен загрузить изображение:

<img src="/media/images/myImage.png" alt=""/>

зависит от вашего MEDIA_URL в settings.py, который должен быть:

MEDIA_URL = '/media/'

Answer 3

Скорее {{comment.photo}}

использовать {{comment.photo.url}}

см. Образец в документах