Share Code Web - Chia sẻ niềm đam mê bất tận > Lập trình > Web Design > Ajax-Jquery-Javascript > Kéo thả file upload sử dụng HTML5 và jquery
Kéo thả file upload sử dụng HTML5 và jquery
Nguyễn Trung Hiếu
Share Code Web Company 2012

Kéo thả file upload sử dụng HTML5 và jquery

Bài viết sẽ hướng dẫn bạn cách thực hiện việc kéo thả file upload thật đơn giản như một số website lớn chỉ với vài bước đơn giản. Hệ thống này làm bằng HTML5 và jquery, hy vọng nó có thể làm giàu cho ứng dụng upload file lên server của bạn.

Hệ thống hoạt động với hầu hết các trình duyệt phổ biến bây giờ như Chrome, Firefox, Safari…File upload có sử dụng một số thứ viện của jquery như pokies in australia target=”_blank”>Form data và File Reader
Bắt tay vào việc thôi nào!
Javascript Code
Dưới đây là tất cả những gì bạn cần phải làm để thêm jquery vào hệ thống của mình

Upload.php
Đoạn mã bên dưới cho phép bạn upload file lên server.

HTML5
Đoạn mã html cho phép bạn kéo thả file để thực hiện upload

OK! vậy là xong rồi đó, cùng chiêm ngưỡng thành quả thôi nào.

Download code

Related Posts

Tác giả: Nguyễn Trung Hiếu

Một blogger ... cùi bắp! Đơn giản: tôi muốn ghi lại những gì xảy ra xung quanh, cả công việc lẫn cuộc sống và chia sẻ với các bạn đọc. Nếu bạn cảm thấy bài viết có nhiều điểm không chính xác, hãy comment và chia sẻ để tôi còn được học hỏi từ những góp ý của bạn. Email: hieunt.dcn@gmail.com

Leave a comment

Bạn phải Đăng nhập để tham gia bình luận.

https://sharecodeweb.net/?s={search_term_string}

Blog Stats

  • 6.241 hits
%d bloggers like this: