Upload

<!-- En el formulario: nada cambia en tu view -->
<input type="file" name="attachments" multiple data-tuc-upload data-max-size="5mb">

<!-- Directo: se sube al momento, el formulario envía los ids -->
<input type="file" name="photos" multiple accept="image/*"
       data-tuc-upload data-url="{% url 'upload-temp' %}">

class MultipleFileInput(forms.FileInput):
    allow_multiple_selected = True

class TicketForm(forms.Form):
    contract = forms.FileField(
        widget=forms.FileInput(attrs={"data-tuc-upload": "", "accept": ".pdf", "data-max-size": "10mb"}),
    )
    attachments = forms.FileField(
        required=False,
        widget=MultipleFileInput(attrs={"data-tuc-upload": "", "multiple": True, "data-max-files": "5"}),
    )

def open_ticket(request):
    form = TicketForm(request.POST, request.FILES)
    if form.is_valid():
        for uploaded in request.FILES.getlist("attachments"):
            ...

<form method="post" enctype="multipart/form-data">
  {% csrf_token %}
  {{ form }}
  <button type="submit" class="tuc-btn is-primary">Enviar</button>
</form>

const up = new Tucano.Upload('#photos', {
  url: '/upload/temp/',
  maxSize: '5mb',
  maxFiles: 10,
  extraData: { folder: 'obras' },        // va junto en el FormData de cada archivo
  onError: (error, file) => console.warn(file.name, error.message),
});

up.getValue();    // ids devueltos por el servidor; File[] en el modo formulario
up.getFiles();    // [{ name, size, type, status, progress, id, url, file }]
up.uploadAll();   // sube lo que esté pendiente (autoUpload: false)
up.clear();
up.destroy();

@require_POST
def upload_temp(request):
    uploaded = request.FILES["file"]         # data-field-name cambia el "file"
    temp = TempUpload.objects.create(file=uploaded)
    return JsonResponse({"id": str(temp.id), "url": temp.file.url})

def delete_temp(request, pk):                # data-delete-url="/upload/temp/"
    if request.method == "DELETE":
        TempUpload.objects.filter(pk=pk).delete()
    return HttpResponse(status=204)

urlpatterns = [
    path("upload/temp/", upload_temp, name="upload-temp"),
    path("upload/temp/<uuid:pk>/", delete_temp),
]

<!-- por extensión -->
<input type="file" accept=".pdf,.docx" data-tuc-upload>

<!-- por familia -->
<input type="file" accept="image/*" data-tuc-upload>

<!-- por tipo exacto -->
<input type="file" accept="image/png,image/jpeg" data-tuc-upload>

<!-- mezclando, con límites -->
<input type="file" accept=".pdf,image/*" multiple data-tuc-upload
       data-max-size="500kb" data-max-files="3">

# En el formulario: los archivos, en el mismo POST que el resto
FILES  attachments = relatorio.pdf   # request.FILES.getlist("attachments")
FILES  attachments = planta.png

# Directo: el endpoint recibió un POST por archivo, y el formulario envía los ids
POST   photos      = 3f2a9c...       # request.POST.getlist("photos")
POST   photos      = 8b41e0...

document.querySelector('#photos').addEventListener('tucano:change', (e) => {
  e.detail.value;      // ids listos en el modo directo; File[] en el formulario
  e.detail.files;      // cada uno con status: 'pending' | 'uploading' | 'ready' | 'error'
  e.detail.instance;   // el Upload
});