Tải lên nhiều hình ảnh cùng một lúc giúp giảm thời gian tải lên một số lượng lớn hình ảnh lên máy chủ. Nó cũng cung cấp một cách thân thiện với người dùng để tải lên nhiều hình ảnh lên máy chủ cùng một lúc thay vì từng người một. Nhiều chức năng tải lên hình ảnh rất hữu ích cho phần Quản lý bộ sưu tập động trên ứng dụng web. Nó cũng rất hữu ích cho phần quản lý sản phẩm, nơi nhiều hình ảnh cần được tải lên cho mỗi sản phẩm. at once helps to reduce the time taking for uploading a large number of images to the server. It also provides a user-friendly way to upload multiple images to the server at once instead of one-by-one. Multiple image upload functionality is very useful for the dynamic gallery management section on the web application. It is also very useful for product management section where multiple images need to be uploaded for each product.
Nhiều hình ảnh có thể được tải lên trên một lần nhấp bằng PHP. Không chỉ các hình ảnh mà bạn còn có thể tải dữ liệu với hình ảnh lên máy chủ bằng PHP và MySQL. Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách tải lên nhiều hình ảnh và quản lý dữ liệu [xem, chỉnh sửa và xóa] với PHP và MySQL.upload multiple images and manage [view, edit, and delete] data with PHP and MySQL.
Trong tập lệnh ví dụ, chúng tôi sẽ triển khai một hệ thống quản lý bộ sưu tập với nhiều hình ảnh bằng PHP và MySQL.
- Lấy thông tin thư viện từ cơ sở dữ liệu và liệt kê trên trang web.
- Tải lên nhiều hình ảnh lên máy chủ và thêm dữ liệu biểu mẫu vào cơ sở dữ liệu.
- Xem bộ sưu tập với nhiều hình ảnh.
- Chỉnh sửa và cập nhật nhiều hình ảnh.
- Xóa thư viện và nhiều hình ảnh.
Trước khi bắt đầu, hãy xem cấu trúc tệp của tập lệnh quản lý tải lên nhiều hình ảnh.
multiple_image_upload_crud/ ├── index.php ├── view.php ├── addEdit.php ├── postAction.php ├── DB.class.php ├── uploads/ │ └── images/ ├── js/ │ └── jquery.min.js ├── bootstrap/ │ └── bootstrap.min.css ├── css/ │ └── style.css └── images/
Tạo bảng cơ sở dữ liệu
Để lưu trữ thông tin về bộ sưu tập và hình ảnh, hai bảng cần được tạo trong cơ sở dữ liệu.
1. SQL sau đây tạo bảng CREATE TABLE `gallery` [
`id` int[11] NOT NULL AUTO_INCREMENT,
`title` varchar[255] COLLATE utf8_unicode_ci NOT NULL,
`created` datetime NOT NULL,
`modified` datetime NOT NULL,
`status` tinyint[1] NOT NULL DEFAULT '1' COMMENT '1=Active | 0=Inactive',
PRIMARY KEY [`id`]
] ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;
1 với một số trường cơ bản trong cơ sở dữ liệu MySQL. The following SQL creates a
CREATE TABLE `gallery` [ `id` int[11] NOT NULL AUTO_INCREMENT, `title` varchar[255] COLLATE utf8_unicode_ci NOT NULL, `created` datetime NOT NULL, `modified` datetime NOT NULL, `status` tinyint[1] NOT NULL DEFAULT '1' COMMENT '1=Active | 0=Inactive', PRIMARY KEY [`id`] ] ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;1 table with some basic fields in the MySQL database.
CREATE TABLE `gallery` [ `id` int[11] NOT NULL AUTO_INCREMENT, `title` varchar[255] COLLATE utf8_unicode_ci NOT NULL, `created` datetime NOT NULL, `modified` datetime NOT NULL, `status` tinyint[1] NOT NULL DEFAULT '1' COMMENT '1=Active | 0=Inactive', PRIMARY KEY [`id`] ] ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;
2. SQL sau đây tạo bảng CREATE TABLE `gallery` [
`id` int[11] NOT NULL AUTO_INCREMENT,
`title` varchar[255] COLLATE utf8_unicode_ci NOT NULL,
`created` datetime NOT NULL,
`modified` datetime NOT NULL,
`status` tinyint[1] NOT NULL DEFAULT '1' COMMENT '1=Active | 0=Inactive',
PRIMARY KEY [`id`]
] ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;
2 với trường Định danh thư viện mẹ [Gallery_id] trong cơ sở dữ liệu MySQL. The following SQL creates a
CREATE TABLE `gallery` [ `id` int[11] NOT NULL AUTO_INCREMENT, `title` varchar[255] COLLATE utf8_unicode_ci NOT NULL, `created` datetime NOT NULL, `modified` datetime NOT NULL, `status` tinyint[1] NOT NULL DEFAULT '1' COMMENT '1=Active | 0=Inactive', PRIMARY KEY [`id`] ] ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;2 table with parent gallery identifier field [gallery_id] in the MySQL database.
CREATE TABLE `gallery_images` [ `id` int[11] NOT NULL AUTO_INCREMENT, `gallery_id` int[11] NOT NULL, `file_name` varchar[255] COLLATE utf8_unicode_ci NOT NULL, `uploaded_on` datetime NOT NULL, PRIMARY KEY [`id`] ] ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;
Lớp cơ sở dữ liệu [db.class.php]
Lớp DB xử lý tất cả các hoạt động liên quan đến cơ sở dữ liệu [kết nối, chèn, cập nhật và xóa]. Chỉ định máy chủ cơ sở dữ liệu [
CREATE TABLE `gallery` [ `id` int[11] NOT NULL AUTO_INCREMENT, `title` varchar[255] COLLATE utf8_unicode_ci NOT NULL, `created` datetime NOT NULL, `modified` datetime NOT NULL, `status` tinyint[1] NOT NULL DEFAULT '1' COMMENT '1=Active | 0=Inactive', PRIMARY KEY [`id`] ] ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;3], tên người dùng [
CREATE TABLE `gallery` [ `id` int[11] NOT NULL AUTO_INCREMENT, `title` varchar[255] COLLATE utf8_unicode_ci NOT NULL, `created` datetime NOT NULL, `modified` datetime NOT NULL, `status` tinyint[1] NOT NULL DEFAULT '1' COMMENT '1=Active | 0=Inactive', PRIMARY KEY [`id`] ] ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;4], mật khẩu [
CREATE TABLE `gallery` [ `id` int[11] NOT NULL AUTO_INCREMENT, `title` varchar[255] COLLATE utf8_unicode_ci NOT NULL, `created` datetime NOT NULL, `modified` datetime NOT NULL, `status` tinyint[1] NOT NULL DEFAULT '1' COMMENT '1=Active | 0=Inactive', PRIMARY KEY [`id`] ] ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;5] và tên [
CREATE TABLE `gallery` [ `id` int[11] NOT NULL AUTO_INCREMENT, `title` varchar[255] COLLATE utf8_unicode_ci NOT NULL, `created` datetime NOT NULL, `modified` datetime NOT NULL, `status` tinyint[1] NOT NULL DEFAULT '1' COMMENT '1=Active | 0=Inactive', PRIMARY KEY [`id`] ] ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;6] theo thông tin xác thực cơ sở dữ liệu MySQL của bạn.
- __construct [] - Kết nối với cơ sở dữ liệu với tiện ích mở rộng PHP và MySQLI. – Connect to the database with PHP and MySQLi Extension.
- getrows [] - –
- Lấy bộ sưu tập với hình ảnh từ cơ sở dữ liệu dựa trên các điều kiện được chỉ định.
- Nếu một hàng được yêu cầu, dữ liệu bộ sưu tập với tất cả các hình ảnh tương ứng sẽ được trả về. Mặt khác, chỉ có một hình ảnh được trả về với dữ liệu bộ sưu tập.
- getImgrow [] - tìm nạp dữ liệu hình ảnh từ cơ sở dữ liệu dựa trên ID được chỉ định. – Fetch the image data from the database based on the specified ID.
- Chèn [] - Chèn dữ liệu thư viện vào cơ sở dữ liệu. – Insert gallery data into the database.
- InsertImage [] - Chèn hình ảnh thư viện trong cơ sở dữ liệu. – Insert gallery images in the database.
- Cập nhật [] - Cập nhật dữ liệu thư viện vào cơ sở dữ liệu. – Update gallery data into the database.
- Xóa [] - Xóa dữ liệu thư viện khỏi cơ sở dữ liệu. – Delete gallery data from the database.
- DeleteImage [] - Xóa hình ảnh của bộ sưu tập cụ thể khỏi cơ sở dữ liệu. – Delete image of the specific gallery from the database.