How to Build a Simple File Upload Feature with Django

Software Versions

Django: 1.10.2, Python 3.6, PyCharm 2016.1.4.

Implementation Steps

1) Create the project and app:

django-admin startproject Django_upload
cd Django_upload
python manage.py startapp blog

2) Design the model (M) with two fields: username (who uploads) and filename.

Synchronize the database:

python manage.py makemigrations
python manage.py migrate

3) Design the view (V) in view.py:

Configure urls.py:

4) Design the template and form (T) – templates/register.html:

In the form set method="POST" and enctype="multipart/form-data". Include {% csrf_token %} and render the form with {{ uf.as_p }}.

Display Result

After Submitting the Form

Show Individual Form Elements

Use {{ field.label_tag }}: {{ field }}. For example, for a field named qq:

{{ form.qq.label_tag }}  # label tag
{{ form.qq }}               # input widget
{{ form.qq.errors.as_text }}  # validation errors
{{ form.qq.help_text }}       # help text