Login

MultiFileWidget

Author:
Digitalxero
Posted:
February 4, 2008
Language:
Python
Version:
.96
Tags:
newforms upload multi-file-upload file
Score:
8 (after 8 ratings)

This is a multi file upload widget. That does not require adding multiple file input fields. It requires jQuery.MultiUpload (http://www.fyneworks.com/jquery/multiple-file-upload/)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
from django.newforms.widgets import Input

class MultiFileInput(Input):
    input_type = 'file'
    needs_multipart_form = True

    def render(self, name, value, attrs=None):
        if attrs is None:
            attrs = {}

        if attrs.has_key('class'):
            attrs['class'] += ' multi'
        else:
            attrs['class'] = 'multi'

        name += '[]'

        return super(MultiFileInput, self).render(name, None, attrs=attrs)

    def value_from_datadict(self, data, files, name):
        "File widgets take data from FILES, not POST"
        return files.get(name, None)

More like this

  1. upload handler decorators by Rozza 7 years ago
  2. Image uploader to use with file uploader from http://github.com/valums/file-uploader by tgdn 3 years, 6 months ago
  3. multiple image upload with formset example by dodolboks 5 years, 7 months ago
  4. MultiFormWizard by flashingpumpkin 6 years, 2 months ago
  5. save file on couchdb with couchdbkit by magik_cypress 3 years, 4 months ago

Comments

David (on April 22, 2008):

Nice and useful widget, just what I was going to write myself. You saved me the trouble!

Why do you append "[]" to the end of the name though?

#

chester (on March 1, 2009):

Hi! I'm new to django, can you tell me how to use this snippet? I tried creating new form with MultiFileInput as a field but everytime I get error that no files were uploaded..

#

artur_mwaigaryan (on July 16, 2013):

just use HTML5's 'multiple' form attribute,no need for js:

[HTML_REMOVED]

That should fix it

#

Please login first before commenting.