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




<html>

  

<head>

upload_max_size = 100M
post_max_filesize = 100M
1<___
upload_max_size = 100M
post_max_filesize = 100M
3
upload_max_size = 100M
post_max_filesize = 100M
4
upload_max_size = 100M
post_max_filesize = 100M
3>

upload_max_size = 100M
post_max_filesize = 100M
1<___
upload_max_size = 100M
post_max_filesize = 100M
9
C:\wamp64\bin\apache\apache2.4.27\bin
0
C:\wamp64\bin\apache\apache2.4.27\bin
1
C:\wamp64\bin\apache\apache2.4.27\bin
2
C:\wamp64\bin\apache\apache2.4.27\bin
3
C:\wamp64\bin\apache\apache2.4.27\bin
1
C:\wamp64\bin\apache\apache2.4.27\bin
5>

upload_max_size = 100M
post_max_filesize = 100M
1<___
upload_max_size = 100M
post_max_filesize = 100M
9
C:\wamp64\bin\apache\apache2.4.27\bin
0
C:\wamp64\bin\apache\apache2.4.27\bin
1
C:\wamp64\bin\apache\apache2.4.27\bin
2 3
C:\wamp64\bin\apache\apache2.4.27\bin
15
C:\wamp64\bin\apache\apache2.4.27\bin
3
C:\wamp64\bin\apache\apache2.4.27\bin
18 9

<0head300_______

  

<<5_______300_______

upload_max_size = 100M
post_max_filesize = 100M
1<<9 html0
C:\wamp64\bin\apache\apache2.4.27\bin
1html2>

html4_______298_______299_______6 html7

C:\wamp64\bin\apache\apache2.4.27\bin
1html9 >0
C:\wamp64\bin\apache\apache2.4.27\bin
1>2 >3
C:\wamp64\bin\apache\apache2.4.27\bin
1>5>

>7_______298_______298_______9   0

C:\wamp64\bin\apache\apache2.4.27\bin
1  2>

  4<301_______6   0_______7_______1  9 3

C:\wamp64\bin\apache\apache2.4.27\bin
1<2 <3
C:\wamp64\bin\apache\apache2.4.27\bin
1<5 <6
C:\wamp64\bin\apache\apache2.4.27\bin
1>2 9

>7_______298_______0<9>

>7_______298_______298_______9   0

C:\wamp64\bin\apache\apache2.4.27\bin
1  2>

  4<1_______03   0

C:\wamp64\bin\apache\apache2.4.27\bin
1_______1_______06 3
C:\wamp64\bin\apache\apache2.4.27\bin
1
upload_max_size = 100M
post_max_filesize = 100M
09 <3
C:\wamp64\bin\apache\apache2.4.27\bin
1
upload_max_size = 100M
post_max_filesize = 100M
12
upload_max_size = 100M
post_max_filesize = 100M
13
upload_max_size = 100M
post_max_filesize = 100M
03>

>7_______298_______0<9>

html4_______298_______0html6>

upload_max_size = 100M
post_max_filesize = 100M
1<0<9>

upload_max_size = 100M
post_max_filesize = 100M
1<<9 html0
C:\wamp64\bin\apache\apache2.4.27\bin
1
upload_max_size = 100M
post_max_filesize = 100M
33>

upload_max_size = 100M
post_max_filesize = 100M
1
upload_max_size = 100M
post_max_filesize = 100M
36
upload_max_size = 100M
post_max_filesize = 100M
37

html4_______1_______39

upload_max_size = 100M
post_max_filesize = 100M
40
C:\wamp64\bin\apache\apache2.4.27\bin
1_______1_______42
upload_max_size = 100M
post_max_filesize = 100M
43

html4_______1_______39

upload_max_size = 100M
post_max_filesize = 100M
46
C:\wamp64\bin\apache\apache2.4.27\bin
1_______1_______48
upload_max_size = 100M
post_max_filesize = 100M
49

 

html4_______1_______51

upload_max_size = 100M
post_max_filesize = 100M
52
C:\wamp64\bin\apache\apache2.4.27\bin
1_______1_______54
upload_max_size = 100M
post_max_filesize = 100M
55

upload_max_size = 100M
post_max_filesize = 100M
1
upload_max_size = 100M
post_max_filesize = 100M
57

html4_______298_______1_______60

upload_max_size = 100M
post_max_filesize = 100M
61

 

upload_max_size = 100M
post_max_filesize = 100M
1
upload_max_size = 100M
post_max_filesize = 100M
36
upload_max_size = 100M
post_max_filesize = 100M
37

html4_______1_______66

upload_max_size = 100M
post_max_filesize = 100M
1
upload_max_size = 100M
post_max_filesize = 100M
57

upload_max_size = 100M
post_max_filesize = 100M
1<0<9>

<0____298_______5>

 

<0html300_______

Giải thích mã PHP.  

  • Trước tiên, chúng tôi chọn các bản ghi từ bảng trong biến truy vấn $
  • Sau đó, kết quả $ sẽ thực hiện truy vấn
  • Vòng lặp While được sử dụng để lấy tất cả các bản ghi trong $data để lấy hình ảnh từ cơ sở dữ liệu
  • And finally, the fetched images are displayed with the help of the
    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?

    đầu ra

    Phần kết luận. Hình ảnh được tải lên cơ sở dữ liệu bằng mã PHP đơn giản và được sử dụng cho nhiều mục đích khác nhau. Code giúp upload ảnh sau đó upload ảnh vào cơ sở dữ liệu và có thể hiện ở thư mục khác
    Một điều bạn cần lưu ý là khi bạn đang chạy chương trình này, sẽ có khả năng hình ảnh không được tải lên quá 2 MB vì ​​chương trình PHP đã đặt giá trị mặc định là tải lên một hình ảnh là 2 MB và đăng hình ảnh là 8 MB. . Đối với vượt quá kích thước tải lên hình ảnh, bạn nên làm theo các bước sau
     

    • Đầu tiên bạn mở ổ C, sau đó mở thư mục WAMP hoặc XAMPP server
    • Sau đó mở thư mục bin
    • Mở thư mục phiên bản PHP (PHP 5. 6. 31) (VUI LÒNG LƯU Ý RẰNG NẾU BẠN CÓ PHIÊN BẢN PHP KHÁC, BẠN CŨNG NÊN MỞ CÁI ĐÓ)
    • Sau đó tìm kiếm php. ban đầu. Mở nó và sau đó tìm kiếm hai biến và thay đổi theo chúng. Các biến là.  
       
    upload_max_size = 100M
    post_max_filesize = 100M
    • Lưu với thay đổi này và sau đó mở
    C:\wamp64\bin\apache\apache2.4.27\bin
    • và tìm kiếm php. tập tin ini. Thay đổi điều tương tự đã đề cập ở trên
    • Khởi động lại máy chủ WAMP hoặc XAMPP rồi chạy mã

    PHP là ngôn ngữ kịch bản phía máy chủ được thiết kế dành riêng cho phát triển web. Bạn có thể học PHP từ đầu bằng cách làm theo Hướng dẫn PHP và Ví dụ về PHP này

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

    php $connection =mysql_connect("localhost", "root" , ""); . $id1. "'"; . hình ảnh;cơ sở64,'

    Làm cách nào để lấy dữ liệu từ cơ sở dữ liệu trong php và hiển thị trong div?

    Các bước hiển thị dữ liệu từ cơ sở dữ liệu MySQL bằng PHP .
    Kết nối PHP với cơ sở dữ liệu MySQL. Bạn có thể sử dụng truy vấn kết nối cơ sở dữ liệu sau để kết nối PHP với cơ sở dữ liệu MySQL. .
    Chèn dữ liệu vào bảng PHPMyAdmin. .
    Lấy dữ liệu từ bảng MySQL. .
    Hiển thị dữ liệu trong bảng HTML. .
    Tự kiểm tra để chèn dữ liệu

    Làm cách nào để truy xuất đường dẫn hình ảnh từ cơ sở dữ liệu và hiển thị trong php?

    php if(isset($_GET['id']) && $_GET['id'] > 0) { // kết nối cơ sở dữ liệu, để lấy dữ liệu người dùng cùng với hình ảnh $servername = "localhost";

    Làm cách nào để hiển thị hình ảnh đã tải lên từ cơ sở dữ liệu trong php?

    php $allowedExts = mảng("gif", "jpeg", "jpg", "png"); . ", $_FILES["file"]["name"]); $extension = end($temp); if ((($_FILES["file"]["type"] == "image/gif"). ($_FILES["file"]["type"] == "hình ảnh/jpeg"). ($_FILES["file"]["type"] == "hình ảnh/jpg"). ($_FILES["file"]["type"] == "hình ảnh/pjpeg"). ($_FILES[