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 Show
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 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
HTML
upload_max_size = 100M post_max_filesize = 100M1 < ___upload_max_size = 100M post_max_filesize = 100M3 upload_max_size = 100M post_max_filesize = 100M4 upload_max_size = 100M post_max_filesize = 100M3 > upload_max_size = 100M post_max_filesize = 100M1 < ___upload_max_size = 100M post_max_filesize = 100M9 C:\wamp64\bin\apache\apache2.4.27\bin0 C:\wamp64\bin\apache\apache2.4.27\bin1 C:\wamp64\bin\apache\apache2.4.27\bin2 C:\wamp64\bin\apache\apache2.4.27\bin3 C:\wamp64\bin\apache\apache2.4.27\bin1 C:\wamp64\bin\apache\apache2.4.27\bin5 > upload_max_size = 100M post_max_filesize = 100M1 < ___upload_max_size = 100M post_max_filesize = 100M9 C:\wamp64\bin\apache\apache2.4.27\bin0 C:\wamp64\bin\apache\apache2.4.27\bin1 C:\wamp64\bin\apache\apache2.4.27\bin2 3C:\wamp64\bin\apache\apache2.4.27\bin1 5 C:\wamp64\bin\apache\apache2.4.27\bin3 C:\wamp64\bin\apache\apache2.4.27\bin1 8 9
upload_max_size = 100M post_max_filesize = 100M1 < < 9 html 0C:\wamp64\bin\apache\apache2.4.27\bin1 html 2>
C:\wamp64\bin\apache\apache2.4.27\bin1 html 9 > 0C:\wamp64\bin\apache\apache2.4.27\bin1 > 2 > 3C:\wamp64\bin\apache\apache2.4.27\bin1 > 5>
C:\wamp64\bin\apache\apache2.4.27\bin1 2>
C:\wamp64\bin\apache\apache2.4.27\bin1 < 2 < 3C:\wamp64\bin\apache\apache2.4.27\bin1 < 5 < 6C:\wamp64\bin\apache\apache2.4.27\bin1 > 2 9
C:\wamp64\bin\apache\apache2.4.27\bin1 2>
C:\wamp64\bin\apache\apache2.4.27\bin1_______1_______06 3C:\wamp64\bin\apache\apache2.4.27\bin1 upload_max_size = 100M post_max_filesize = 100M09 < 3C:\wamp64\bin\apache\apache2.4.27\bin1 upload_max_size = 100M post_max_filesize = 100M12 upload_max_size = 100M post_max_filesize = 100M13 upload_max_size = 100M post_max_filesize = 100M03 >
upload_max_size = 100M post_max_filesize = 100M1 < 0< 9> upload_max_size = 100M post_max_filesize = 100M1 < < 9 html 0C:\wamp64\bin\apache\apache2.4.27\bin1 upload_max_size = 100M post_max_filesize = 100M33 > upload_max_size = 100M post_max_filesize = 100M1 upload_max_size = 100M post_max_filesize = 100M36 upload_max_size = 100M post_max_filesize = 100M37
upload_max_size = 100M post_max_filesize = 100M40 C:\wamp64\bin\apache\apache2.4.27\bin1_______1_______42 upload_max_size = 100M post_max_filesize = 100M43
upload_max_size = 100M post_max_filesize = 100M46 C:\wamp64\bin\apache\apache2.4.27\bin1_______1_______48 upload_max_size = 100M post_max_filesize = 100M49
upload_max_size = 100M post_max_filesize = 100M52 C:\wamp64\bin\apache\apache2.4.27\bin1_______1_______54 upload_max_size = 100M post_max_filesize = 100M55 upload_max_size = 100M post_max_filesize = 100M1 upload_max_size = 100M post_max_filesize = 100M57
upload_max_size = 100M post_max_filesize = 100M61
upload_max_size = 100M post_max_filesize = 100M1 upload_max_size = 100M post_max_filesize = 100M36 upload_max_size = 100M post_max_filesize = 100M37
upload_max_size = 100M post_max_filesize = 100M1 upload_max_size = 100M post_max_filesize = 100M57 upload_max_size = 100M post_max_filesize = 100M1 < 0< 9>
Giải thích mã PHP.
|