Share Code Web - Chia sẻ niềm đam mê bất tận > Lập trình > Web Design > Ajax-Jquery-Javascript > Chọn và upload cùng lúc nhiều ảnh sử dụng Ajax
Chọn và upload cùng lúc nhiều ảnh sử dụng Ajax
Nguyễn Trung Hiếu
Share Code Web Company 2013

Chọn và upload cùng lúc nhiều ảnh sử dụng Ajax

Hôm nay sharecodeweb sẽ hướng dẫn các bạn thực hiện thủ thuật upload và chọn nhiều ảnh cùng lúc sử dụng Ajax và Jquery.

Giới thiệu

Nếu bạn nào đã từng sử dụng wordpress thì sẽ thấy cơ chế upload và select của phần media vào bài post ấy rất hay đúng không. Tư tưởng của bài viết này cũng giúp các bạn thực hiện được điều đó, giống như chúng ta sử dụng wordpress vậy.
Bài này cũng đã được sharecodeweb đăng tải trên blog ở bài Multiple Ajax Image Upload mà không refesh lại trình duyệt. Các bạn có thể vô đó tham khảo một cách khác nhé.
Ngoài ra các bạn có thể xem hình để hình dung được chi tiết của bài viết này nhé.
Multi Ajax Image Upload

Database

Đầu tiên là phải tạo một cơ sở dữ liệu để chúng ta có thể khai thác nó cái đã. DB làm nhiệm vụ lưu lại đường dẫn ảnh và những thứ liên quan

Bảng User

Bảng User Upload

Ajax

Nói tới cách sử dụng ajax thì tất nhiên phải có ajax rồi chứ nhỉ. Đoạn ajax của chúng ta như sau

File Index.php

File Ajax.php

Ngoài ra cũng cần có file kết nối tới cơ sở dữ liệu chứ nhỉ

Cuối cùng là CSS

Css lại cho đẹp, một chút xíu thôi. ai cần đẹp hơn thì cố gắng thể hiện trình style của mình nhé.

Download code

Ngoài ra các bạn cũng có thể download code bên dưới đây để học hỏi kỹ hơn nhé


Loạt bài viết về Upload ảnh bằng ajax

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

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