Upload tập tin 'Kéo và thả' với Dropzone.js

12 thg 9, 2013

Trong bài viết này, mình sẽ giới thiệu đến các bạn một jQuery mới mang tên là Dropzone.js. Nó là một thư viện đơn giản để tạo chức năng upload tập tin theo dạng "Kéo và thả". Khác với thư viện javascript khác, Dropzone hỗ trợ nhiều tùy biến khác nhau.

Để Dropzone hoạt động được, việc đầu tiên là đưa đoạn script và đặt trong thẻ <head>

1	`<script src="/js/dropzone.js"></script>`

Bạn có thể download file dropzone.js tại đây.

Tiếp theo là tạo form upload tập tin như sau:

1

2

3

<div id="dropzone">

<form action="http://www.torrentplease.com/dropzone.php" class="dropzone" id="demo-upload"></form>

</div>

Tags: kiến thức website