File Upload - Midone - Tailwind HTML Admin Template

Pages

Users

Arnold Schwarzenegger

Products

Notifications

Keanu Reeves

05:09 AM

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem

Denzel Washington

05:09 AM

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 20

Robert De Niro

01:10 PM

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500

Arnold Schwarzenegger

05:09 AM

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500

Robert De Niro

01:10 PM

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500

Dropzone

Single File Upload

Show example code

  HTMLOpenTagform data-single="true" action="/file-upload" class="dropzone border-gray-200 border-dashed"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 border-gray-200 border-dashed"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 border-gray-200 border-dashed"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