File Upload - Midone - Tailwind HTML Admin Template

Pages

Users

Robert De Niro

robertdeniro@left4code.com

Robert De Niro

robertdeniro@left4code.com

Al Pacino

alpacino@left4code.com

Kate Winslet

katewinslet@left4code.com

Products

Sony Master Series A9G

Electronic

Dropzone

Single File Upload

Show example code

  HTMLOpenTagform data-single="true" action="/file-upload" class="dropzone"HTMLCloseTag HTMLOpenTagdiv class="fallback"HTMLCloseTag HTMLOpenTaginput name="file" type="file" /HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="dz-message" data-dz-messageHTMLCloseTag HTMLOpenTagdiv class="text-lg font-medium"HTMLCloseTagDrop files here or click to upload.HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="text-gray-600"HTMLCloseTag This is just a demo dropzone. Selected files are HTMLOpenTagspan class="font-medium"HTMLCloseTagnotHTMLOpenTag/spanHTMLCloseTag actually uploaded. HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/formHTMLCloseTag

Multiple File Upload

Show example code

  HTMLOpenTagform action="/file-upload" class="dropzone"HTMLCloseTag HTMLOpenTagdiv class="fallback"HTMLCloseTag HTMLOpenTaginput name="file" type="file" multiple/HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="dz-message" data-dz-messageHTMLCloseTag HTMLOpenTagdiv class="text-lg font-medium"HTMLCloseTagDrop files here or click to upload.HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="text-gray-600"HTMLCloseTag This is just a demo dropzone. Selected files are HTMLOpenTagspan class="font-medium"HTMLCloseTagnotHTMLOpenTag/spanHTMLCloseTag actually uploaded. HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/formHTMLCloseTag

File Type Validation

Show example code

  HTMLOpenTagform data-file-types="image/jpeg|image/png|image/jpg" action="/file-upload" class="dropzone"HTMLCloseTag HTMLOpenTagdiv class="fallback"HTMLCloseTag HTMLOpenTaginput name="file" type="file" /HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="dz-message" data-dz-messageHTMLCloseTag HTMLOpenTagdiv class="text-lg font-medium"HTMLCloseTagDrop files here or click to upload.HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="text-gray-600"HTMLCloseTag This is just a demo dropzone. Selected files are HTMLOpenTagspan class="font-medium"HTMLCloseTagnotHTMLOpenTag/spanHTMLCloseTag actually uploaded. HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/formHTMLCloseTag

Dark Mode