django 轮播图上传_python-轮播的Django模板/视图问题

好的,这是交易：

这是我目前正在从事的工作：

看到顶部的两个箭头？那应该是图片轮播的地方.但是,此轮播中没有图片.也就是说,直到我单击“上传”按钮.

因此,我的目标是使图片在我什至没有单击“上传”按钮之前就显示在首页上.

我该如何解决这个问题？

我的代码：

的index.html

{% extends 'webportal/defaults.html' %}

{% block body %}

{% include 'webportal/carousel.html' %}

So far we have been able to establish what the user tables will be have created or are in process of

creating

the ability to create, update, destroy users.

For now this ability is limited to the main user table, however the models will be easily extended

to other

tables as they are needed

Also not a lot of thought has gone into styling yet, we know that the page is suppose to resemble

the parent

organizations page. Right now we have been more focused on getting each individual component

working. Later we

will merge them into a whole.

{% include 'webportal/info_row.html' with one=one two=two three=three %}

{% endblock %}

Carousel.html：

{% load staticfiles %}

{% load filename %}

{% for document in documents %}

{{document.docfile.name}}

{% csrf_token %}

{{ form.non_field_errors }}

{{ form.Document.label_tag }} {{ form.Document.help_text }}

{{ form.Document.errors }}

{{ form.Document.docfile }}

{% endfor %}

Previous

Next

{% csrf_token %}

{{ form.non_field_errors }}

{{ form.docfile.label_tag }} {{ form.docfile.help_text }}

{{ form.docfile.errors }}

{{ form.docfile }}

Views.py：

from django.shortcuts import render

from django.shortcuts import render, redirect, get_object_or_404

from django.contrib.auth import authenticate, login

from webportal.views.authentication import LoginForm

from django.shortcuts import render_to_response

from django.template import RequestContext

from django.http import HttpResponseRedirect

from django.http import HttpResponse

from django.core.urlresolvers import reverse

from django.conf import settings

from webportal.forms.forms import DocumentForm

from webportal.models import Document, DeleteForm

is_server = True

def delete(request, my_id):

Deleted=get_object_or_404(Document, docfile=my_id)

if request.method=='POST':

form=DeleteForm(request.POST, instance=Deleted)

if form.is_valid():

Deleted.delete()

return HttpResponseRedirect('http://127.0.0.1:8000/alzheimers/')

else:

form=DeleteForm(instance=Deleted)

return render_to_response(

'webportal/index.html',

{'documents': documents, 'form': form,},

context_instance=RequestContext(request)

)

# Redirect to the document list after POST

def carousel(request):

# Handle file upload

if request.method == 'POST':

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

if form.is_valid():

newdoc = Document(docfile = request.FILES['docfile'])

newdoc.save()

# Redirect to the document list after POST

return HttpResponseRedirect('http://127.0.0.1:8000/alzheimers/')

else:

form = DocumentForm() # A empty, unbound form

# Load documents for the list page

documents = Document.objects.all()

#documents=DocumentForm().

# Render list page with the documents and the form

return render_to_response(

'webportal/index.html',

{'documents': documents, 'form': form,},

context_instance=RequestContext(request)

)

Models.py：

class Document(models.Model):

docfile = models.ImageField(upload_to='webportal/static/img/')

class DeleteForm(ModelForm):

class Meta:

model=Document

fields=[]

Forms.py：

class DocumentForm(forms.Form):

docfile = forms.ImageField(label='Select a file', help_text='max. 42 megabytes')

如果我想做的事情是不可能的,我不会感到惊讶.如果有办法做到这一点,是否涉及Ajax？