title: javascript notification in django
body: <p>i am relatively new in web application,i am using django in one of my project.Here i have a upload page.i want to add javacript/jquery notification in my upload page,that is ,after uploading a content,a message will be shown in top of my  page where the message will be something like that.. "your file upload has been done" and this message will appear for some seconds and then it will be dissappear automatically.now this is my upload view...</p>
  
  <pre><code>from django.shortcuts import render_to_response,RequestContext
  from photo.models import Photo
  from django.contrib.auth.decorators import login_required
  from myprofile.forms import DocumentForm
  from django.contrib.auth import authenticate, login, logout, REDIRECT_FIELD_NAME
  from django.contrib.auth.forms import PasswordChangeForm
  from django.contrib.auth.decorators import login_required
  from django.contrib.auth.views import logout as Signout
  from django.contrib.auth.models import User
  
  
  
  
  def UserImageUpload(request):
  
      if request.method == 'POST':
          form = DocumentForm(request.POST,request.FILES)
          if form.is_valid():
  
              newdoc = Photo(photo = request.FILES['photo'],user = request.user)
              newdoc.save()
  
  
      else:
          form = DocumentForm()
  
      uploaded_image = Photo.objects.all()
  
      return render_to_response('myprofile/user_image_upload.html',{'uploaded_image':uploaded_image,'form':form},context_instance = RequestContext(request))
  </code></pre>
  
  <p>and this is the forms.py..</p>
  
  <pre><code>from django import forms
  
  class DocumentForm(forms.Form):
      photo = forms.ImageField(
           label='Select a file'
  
      )
  </code></pre>
  
  <p>and this is the upload.html..</p>
  
  <pre><code>{% extends 'base.html'%}
  {% block title%}User Image Upload {% endblock %}
  {%block content%}
  &lt;div class="container" style="margin-top:5%"&gt;
      &lt;div class="col-md-4 col-md-offset-4"&gt;
          &lt;div class="well"&gt;
    &lt;form action="" method="post" enctype="multipart/form-data"&gt;
              {% csrf_token %}
              &lt;p&gt;{{ form.non_field_errors }}&lt;/p&gt;
              &lt;p&gt;{{ form.photo.label_tag }} {{ form.photo.help_text }}&lt;/p&gt;
              &lt;p&gt;
                  {{ form.photo.errors }}
                  {{ form.photo }}
              &lt;/p&gt;
  
              &lt;p&gt;&lt;input type="submit" value="Upload" class="btn btn-success" /&gt;&lt;/p&gt;
  
  
          &lt;/form&gt;
          &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  {%endblock%}
  </code></pre>
  
  <p>now how can i do this?</p>