Single File Upload

This example uploads a single file using ngx-dropzone. User can either click on the dropzone area and select single files or just drop all selected files in the dropzone area. This example is the most basic setup for dropzone.

The default dropzone.

Drop files here to upload
{{ f.name }} ({{ f.type }})

The disabled but expanding dropzone.

Drop files here to upload
{{ f.name }} ({{ f.type }})

A custom dropzone.

My custome dropzone
{{ f.name }} ({{ f.type }})
Multiple File Upload

This example uploads a multiple files using ngx-dropzone. By default, dropzone is a multiple file uploader. User can either click on the dropzone area and select multiple files or just drop all selected files in the dropzone area. This example is the most basic setup for dropzone.

Drop files here to upload
{{ f.name }} ({{ f.type }})

The disabled but expanding dropzone.

Drop files here to upload
{{ f.name }} ({{ f.type }})

A custom dropzone.

My custome dropzone
{{ f.name }} ({{ f.type }})