/ / Adicionar formulário "Foto" ao meu formulário para permitir que os usuários adicionem uma foto - django, django-forms, django-models

Adicionar formulário "Foto" ao meu formulário para permitir que os usuários adicionem uma foto - django, django-forms, django-models

Gostaria de adicionar o Imageform ao meu formulário para permitir que todos os usuários adicionem uma foto. Eu li isso https://docs.djangoproject.com/en/dev/ref/forms/fields/#imagefield e isto https://docs.djangoproject.com/en/dev/ref/forms/api/#binding-uploaded-files

mas ainda estou confuso sobre como conseguir isso. Como posso alterar meus códigos para permitir que os usuários adicionem uma foto de suas próprias pastas? Aqui estão meus códigos e também anexei a forma ideal que gostaria de criar.

[Minha forma ideal]

Minha Forma Ideal

models.py

from django.db import models
from django.forms import ModelForm

class Sell(models.Model):
subject = models.CharField(max_length=100)
price = models.CharField(max_length=100)
condition = models.CharField(max_length=100)
photo = models.ImageField(upload_to="media")
email = models.EmailField()
body = models.CharField(max_length=200)

forms.py

from django.forms import ModelForm
from uasite1.models import Sell

class SellForm(ModelForm):
class Meta:
model = Sell

views.py

from django.shortcuts import render_to_response,get_object_or_404
from django.http import HttpResponseRedirect
from uasite1.forms import SellForm
from uasite1.models import Sell
from django.template import RequestContext

def sell_create(request):
context = {}
if request.method == "POST":
form = SellForm(request.POST)
if form.is_valid():
new_sell = form.save()
return HttpResponseRedirect("/sechand/%d/" % new_sell.pk)
else:
form = SellForm()
context["form"] = form
return render_to_response("sell.html",context,context_instance = RequestContext(request))

sell.html

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

<form enctype="multipart/form-data" action = "/sechand/" method = "post">
{% csrf_token %}
{{ form.as_p }}

<input type = "submit" value="Submit" />
</form>

{% endblock%}

sell_display.html (este é o modelo em que as informações enviadas apareceriam.)

{% extends "base.html" %}
{% block content %}
<div id = "sell">

<h3> Product Name : [ {{ sell.subject }}]</h3>
<p>Photo{{ sell.photo }}</p>
<p>Price: [ {{ sell.price }} ]</p>
<p>Condition: [ {{ sell.condition }} ]</p>
<p>Comments: [ {{sell.body}} ]</p>
<p>Contact Email:[ {{ sell.email }} ]</p>
</div>
{% endblock %}

urls.py

from django.conf.urls import patterns, include, url
from django.conf.urls.static import static
from django.conf import settings
from django.contrib import admin
admin.autodiscover()

urlpatterns = patterns("",
url(r"^sechand/$","uasite1.views.sell_create"),
url(r"^sechand/(?P<pk>d+)/$", "uasite1.views.sell_detail"),
url(r"^products/electronics/$", "uasite1.views.Electronics"),
url(r"^products/$", "uasite1.views.ProductsAll"),
url(r"^admin/", include(admin.site.urls)),
)+ static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

Respostas:

0 para resposta № 1

Eu não passei por todo o código, mas percebo um erro importante, a visualização deve ter o seguinte:

form = SellForm(request.POST, request.FILES)

Além disso, esta linha:

<p>Photo{{ sell.photo }}</p>

Eu não acho que essa é a maneira de mostrar uma foto, eu colocaria um link para a foto fazendo:

<p>Photo{{ sell.photo.url }}</p>

E, finalmente, para ambientes de desenvolvimento, você pode querer servir arquivos de mídia; basta adicionar esta linha ao seu arquivo principal urls.py:

from django.conf.urls.static import static
from django.conf import settings

urlpatterns = patterns("",
# your url patterns in here

) + estático (settings.MEDIA_URL, document_root = settings.MEDIA_ROOT)

edição:

Servindo arquivos de mídia. Esse link deve fornecer uma boa visão geral, é confuso, eu sei, por isso vou dar um exemplo, como faço nos meus projetos. Primeiro, como faço em settings.py:

#settings.py
from os.path import dirname, join, realpath
# have in mind that I have settings.py under project_root/project/settings.py
# so you probably want to check your path to your project root folder first
ROOT_DIR = realpath(join(dirname(__file__), ".."))
MEDIA_ROOT = realpath(join(ROOT_DIR, "media"))
MEDIA_URL = "/media/"
STATIC_URL = "/static/"
STATICFILES_DIRS = (
join(ROOT_DIR, "static"),
)

É assim que eu faço, você pode encontrar muitas maneiras que também funcionam. Para dar uma idéia melhor, minhas pastas ficam assim:

project_root/
media/
static/
project/
settings.py