DropdoneJS adalah sebuah library opensource yang memungkinkan kita untuk mengupload file hanya dengan cara drag dan drop ke zone upload yang sudah kita tentukan, bahkan untuk jenis file gambar bisa ditampilkan preview gambar yang di upload sehingga lebih menarik.

dropzonejs

dropzonejs_logi

 

Membuat Form upload

langkah pertama kita akan membuat sebuah file baru dengan nama index.php, file ini yang nantinya sebagai interface yang akan kita gunakan untuk mengupload file.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    <head>
        <title>Tutorial Belajarphp.net</title
        <!-- Add Dropzone -->
        <link rel="stylesheet" type="text/css" href="/css/dropzone.css" />
        <script type="text/javascript" src="/js/dropzone.js"></script>
    </head>
    <body>
        <h1>Upload Multiple Files Menggunakan DropzoneJS and PHP</h1>
        <div class="image_upload_div">
            <form action="upload.php" class="dropzone">
            </form>
        </div> 	
    </body>
</html>