Django Uploadfield

Direct uploading files and handling it in templates with Django FileBrowser (FB).

Features:

Dropdown
Dynamic preview and file info
Static or dynamic destination folder
Optional rename function
Custom file and image processing function

django-uploadfield uses Dropzone.js, Vue, jQuery and Fancybox js modules.

TODO:

Make it works with DjangoRestFramework.

Installation

pip install git+https://github.com/raagin/django-uploadfield.git

Requirements

Same as for https://github.com/sehmaschine/django-filebrowser/

How to use

1. Add modules to INSTALLED_APPS

INSTALLED_APPS = [
    ...
    'uploadfield',
    'filebrowser',
    ...
    ]

2. Add module urls

# urls.py
urlpatterns = [
    ...
    path('uploadfield/', include('uploadfield.urls'))
]

3. In models.py

# models.py
from django.db import models

from uploadfield.fields import UploadField
from uploadfield.models import UploadFieldMixin

class MyModel(UploadFieldMixin, models.Model):
    image = UploadField(
        directory='myimages/',
        extensions=[".jpg", "png"]
        )
    file = UploadField(
        directory=lambda o: f'myfiles/{o.id}/',
        rename=lambda o: f'file_{o.id}',
        blank=True
        )

Field have same options with FileBrowserField

directory - 'upload to' option of FB is overrided and can be callable. Method get one argument - model instance. (optional)
extensions - list of allowed extensions [".jpg", ".png"] (optional).
thumbnail - string. name of fb_version defined in FILEBROWSER_VERSIONS. (optional)
rename - file renaming method. Should return the filename without extension. Method get one argument - model instance. (optional)
method - Custom file and image processing function. Method get two arguments, model instance and FileObject. (optional)
Use blank=True for the possibility of an empty value

4. In templates
It is the same as for django-filebrowser Read more: https://django-filebrowser.readthedocs.io/en/latest/

5. Using outside of django admin
You need to add jquery.js on page and {{ form.media }}

Settings

You may reasign this default values:

UPLOADFIELD_TEMP_DIR = 'tmp/'
UPLOADFIELD_THUMBNAIL = 'admin_thumbnail'