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.

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

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

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 }}

You may reasign this default values:

UPLOADFIELD_TEMP_DIR = 'tmp/'
UPLOADFIELD_THUMBNAIL = 'admin_thumbnail'