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

                                          <form data-single="true" action="/file-upload" class="dropzone">
     <div class="fallback"> <input name="file" type="file" /> </div>
     <div class="dz-message" data-dz-message>
         <div class="text-lg font-medium">Drop files here or click to upload.</div>
         <div class="text-gray-600"> This is just a demo dropzone. Selected files are <span class="font-medium">not</span> actually uploaded. </div>
     </div>
 </form> 
                                    

Multiple File Upload

Show example code

                                          <form action="/file-upload" class="dropzone">
     <div class="fallback"> <input name="file" type="file" multiple /> </div>
     <div class="dz-message" data-dz-message>
         <div class="text-lg font-medium">Drop files here or click to upload.</div>
         <div class="text-gray-600"> This is just a demo dropzone. Selected files are <span class="font-medium">not</span> actually uploaded. </div>
     </div>
 </form> 
                                    

File Type Validation

Show example code

                                          <form data-file-types="image/jpeg|image/png|image/jpg" action="/file-upload" class="dropzone">
     <div class="fallback"> <input name="file" type="file" /> </div>
     <div class="dz-message" data-dz-message>
         <div class="text-lg font-medium">Drop files here or click to upload.</div>
         <div class="text-gray-600"> This is just a demo dropzone. Selected files are <span class="font-medium">not</span> actually uploaded. </div>
     </div>
 </form> 
                                    

Dark Mode