FileField – Django forms
FileField in Django Forms is a input field for upload of files. The default widget for this input is ClearableFileInput. It normalizes to: An UploadedFile object that wraps the file content and file name into a single object. It can validate that non-empty file data has been bound to the form. This article revolves about how to upload files with Django forms and how can you save that to the database.
- When Django handles a file upload, the file data ends up placed in request.FILES (for more on the request object see the documentation for request and response objects).
- While working with files, make sure the HTML form tag contains
field_name = forms.FileField(**options)
Django form FileField Explanation
Illustration of FileField using an Example. Consider a project named
geeksforgeeks having an app named
Refer to the following articles to check how to create a project and an app in Django.
Enter the following code into
forms.py file of geeks app.
Add the geeks app to
Now to render this form into a view we need a view and a URL mapped to that URL. Let’s create a view first in
views.py of geeks app,
Here we are importing that particular form from forms.py and creating an object of it in the view so that it can be rendered in a template.
Now, to initiate a Django form you need to create home.html where one would be designing the stuff as they like. Let’s create a form in
Finally, a URL to map to this view in urls.py
Let’s run the server and check what has actually happened, Run
Python manage.py runserver
geeks_field FileField is created by replacing “_” with ” “. It is a field to input files from the user.
How to upload Files using FileField ?
FileField is used for input of files in the database. One can input Email Id, etc. Till now we have discussed how to implement FileField but how to use it in the view for performing the logical part. To perform some logic we would need to get the value entered into field into a python string instance.
FileField is different from other fields and it needs to be handled properly. As stated above, data fetched from a FileField would be stored in request.FILES object.
Let’s explain what this code does, this code saves the file uploaded by the user in upload folder of geeks directory. Whenever a file is uploaded, it is saved to request.FILES object with key as name of the field. So we have created a function which handles the uploaded file, you can choose your own use for the file either saving it to database or operating on it or any other logical operation. Let’s try saving a file to the upload folder.
It has loaded successfully and file is saved in upload folder of geeks app.
Core Field Arguments
Core Field arguments are the arguments given to each field for applying some constraint or imparting a particular characteristic to a particular Field. For example, adding an argument
required = False to FileField will enable it to be left blank by the user. Each Field class constructor takes at least these arguments. Some Field classes take additional, field-specific arguments, but the following should always be accepted:
|required||By default, each Field class assumes the value is required, so to make it not required you need to set |
|label||The label argument lets you specify the “human-friendly” label for this field. This is used when the Field is displayed in a Form.|
|label_suffix||The label_suffix argument lets you override the form’s label_suffix on a per-field basis.|
|widget||The widget argument lets you specify a Widget class to use when rendering this Field. See Widgets for more information.|
|help_text||The help_text argument lets you specify descriptive text for this Field. If you provide help_text, it will be displayed next to the Field when the Field is rendered by one of the convenience Form methods.|
|error_messages||The error_messages argument lets you override the default messages that the field will raise. Pass in a dictionary with keys matching the error messages you want to override.|
|validators||The validators argument lets you provide a list of validation functions for this field.|
|localize||The localize argument enables the localization of form data input, as well as the rendered output.|
|disabled.||The disabled boolean argument, when set to True, disables a form field using the disabled HTML attribute so that it won’t be editable by users.|