File: index.php

Recommend this page to a friend!
  Classes of Arun Kumar   Multiple File Drag and Drop Upload   index.php   Download  
File: index.php
Role: Example script
Content type: text/plain
Description: Auxiliary data
Class: Multiple File Drag and Drop Upload
Upload drag and dropped files
Author: By
Last change: Update of index.php
Date: 2 years ago
Size: 1,283 bytes
 

Contents

Class file image Download
<!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Image upload</title> <link href='http://fonts.googleapis.com/css?family=Boogaloo' rel='stylesheet' type='text/css'> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script type="text/javascript" src="js/multiupload.js"></script> <script type="text/javascript"> var config = { support : "image/jpg,image/png,image/bmp,image/jpeg,image/gif", // Valid file formats form: "demoFiler", // Form ID dragArea: "dragAndDropFiles", // Upload Area ID uploadUrl: "upload.php" // Server side upload url } $(document).ready(function(){ initMultiUploader(config); }); </script> <link href="css/style.css" type="text/css" rel="stylesheet" /> </head> <body lang="en"> <center><h1 class="title">Multiple Drag and Drop File Upload</h1></center> <div id="dragAndDropFiles" class="uploadArea"> <h1>Drop Images Here</h1> </div> <form name="demoFiler" id="demoFiler" enctype="multipart/form-data"> <input type="file" name="multiUpload" id="multiUpload" multiple /> <input type="submit" name="submitHandler" id="submitHandler" value="Upload" class="buttonUpload" /> </form> <div class="progressBar"> <div class="status"></div> </div> </body> </html>