Làm cách nào để tìm nạp hình ảnh từ cơ sở dữ liệu trong PHP và hiển thị trong Div?

Tiếp cận. Đảm bảo bạn đã cài đặt máy chủ XAMPP hoặc WAMP trên máy của mình. Trong hướng dẫn này, chúng tôi sẽ sử dụng máy chủ WAMP

1. Tạo nên cơ sở dữ liệu. Đầu tiên, chúng ta sẽ tạo một cơ sở dữ liệu có tên là 'geeksforgeeks'. Bạn có thể sử dụng cơ sở dữ liệu hiện có của mình hoặc tạo một cơ sở dữ liệu mới

tạo cơ sở dữ liệu “geeksforgeeks”

2. Tạo bảng. Tạo một bảng có tên là 'hình ảnh'. Bảng chứa hai trường.  

• id – int[11]
• tên tệp – varchar[100]

Id phải ở chế độ Tự động tăng [AI]. Cấu trúc bảng của bạn sẽ trông như thế này

cấu trúc bảng của “hình ảnh”

Hoặc bạn có thể tạo bảng bằng cách sao chép và dán đoạn mã sau vào bảng điều khiển SQL của PHPMyAdmin

CREATE TABLE IF NOT EXISTS `image` [
  `id` int[11] NOT NULL AUTO_INCREMENT,
  `filename` varchar[100] NOT NULL,
  PRIMARY KEY [`id`]
] ENGINE=MyISAM DEFAULT CHARSET=latin1;

Để làm điều này từ bảng điều khiển SQL, hãy tham khảo ảnh chụp màn hình sau

tạo một bảng 'hình ảnh' từ bảng điều khiển SQL

Chúng tôi sẽ sử dụng Bootstrap tại đây để sử dụng điều khiển biểu mẫu của Bootstrap. Dưới đây là mã để bao gồm liên kết Bootstrap CDN trong phần đầu của mã HTML

Tạo thư mục và tập tin

Bây giờ chúng ta sẽ tạo một thư mục có tên là “hình ảnh“. Các tệp do máy khách tải lên máy chủ sẽ được lưu trữ trong thư mục này. Tạo chỉ mục. php và phong cách. css. Giữ thư mục dự án chính của bạn [ví dụ ở đây. GeekForGeek] trong “C. //wamp64/www/“, nếu bạn đang sử dụng WAMP hoặc “C. //xampp/htdocs/” nếu bạn đang sử dụng máy chủ XAMPP tương ứng. Cấu trúc thư mục sẽ trông như thế này

cấu trúc thư mục

Chương trình. Bây giờ, chúng tôi sẽ tạo một biểu mẫu HTML để tải lên các tệp hình ảnh [bạn có thể tải lên bất kỳ loại tệp nào như. pdf hoặc. mp4] và sẽ hiển thị hình ảnh đã tải lên

• Mã HTML.  

HTML

upload_max_size = 100M
post_max_filesize = 100M

upload_max_size = 100M
post_max_filesize = 100M

upload_max_size = 100M
post_max_filesize = 100M

>7_______298_______298_______9   0

C:\wamp64\bin\apache\apache2.4.27\bin

  4

upload_max_size = 100M
post_max_filesize = 100M