Hình ảnh tải lên php với tên tùy chỉnh

Cách 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

    Hình ảnh tải lên php với tên tùy chỉnh

    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

    Hình ảnh tải lên php với tên tùy chỉnh

    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

    Hình ảnh tải lên php với tên tùy chỉnh

    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

    Hình ảnh tải lên php với tên tùy chỉnh

    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
    97

    upload_max_size = 100M
    post_max_filesize = 100M
    98
    upload_max_size = 100M
    post_max_filesize = 100M
    99
    upload_max_size = 100M
    post_max_filesize = 100M
    00

    upload_max_size = 100M
    post_max_filesize = 100M
    01

    upload_max_size = 100M
    post_max_filesize = 100M
    98
    upload_max_size = 100M
    post_max_filesize = 100M
    03
    upload_max_size = 100M
    post_max_filesize = 100M
    00

    upload_max_size = 100M
    post_max_filesize = 100M
    1
    upload_max_size = 100M
    post_max_filesize = 100M
    98
    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
    00

    upload_max_size = 100M
    post_max_filesize = 100M
    1
    upload_max_size = 100M
    post_max_filesize = 100M
    98
    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
    00

    upload_max_size = 100M
    post_max_filesize = 100M
    1
    upload_max_size = 100M
    post_max_filesize = 100M
    98
    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
    upload_max_size = 100M
    post_max_filesize = 100M
    973
    C:\wamp64\bin\apache\apache2.4.27\bin
    1
    upload_max_size = 100M
    post_max_filesize = 100M
    975
    C:\wamp64\bin\apache\apache2.4.27\bin
    3
    C:\wamp64\bin\apache\apache2.4.27\bin
    1
    upload_max_size = 100M
    post_max_filesize = 100M
    978
    upload_max_size = 100M
    post_max_filesize = 100M
    979

    upload_max_size = 100M
    post_max_filesize = 100M
    980
    upload_max_size = 100M
    post_max_filesize = 100M
    03
    upload_max_size = 100M
    post_max_filesize = 100M
    00

    upload_max_size = 100M
    post_max_filesize = 100M
    01

    upload_max_size = 100M
    post_max_filesize = 100M
    98
    upload_max_size = 100M
    post_max_filesize = 100M
    985
    upload_max_size = 100M
    post_max_filesize = 100M
    00

    upload_max_size = 100M
    post_max_filesize = 100M
    1
    upload_max_size = 100M
    post_max_filesize = 100M
    98
    upload_max_size = 100M
    post_max_filesize = 100M
    989
    upload_max_size = 100M
    post_max_filesize = 100M
    990
    C:\wamp64\bin\apache\apache2.4.27\bin
    1
    upload_max_size = 100M
    post_max_filesize = 100M
    992
    upload_max_size = 100M
    post_max_filesize = 100M
    00

    upload_max_size = 100M
    post_max_filesize = 100M
    994
    upload_max_size = 100M
    post_max_filesize = 100M
    98
    upload_max_size = 100M
    post_max_filesize = 100M
    996
    upload_max_size = 100M
    post_max_filesize = 100M
    997
    C:\wamp64\bin\apache\apache2.4.27\bin
    1
    upload_max_size = 100M
    post_max_filesize = 100M
    999
    upload_max_size = 100M
    post_max_filesize = 100M
    000
    C:\wamp64\bin\apache\apache2.4.27\bin
    1
    upload_max_size = 100M
    post_max_filesize = 100M
    002
    upload_max_size = 100M
    post_max_filesize = 100M
    003
    C:\wamp64\bin\apache\apache2.4.27\bin
    1
    upload_max_size = 100M
    post_max_filesize = 100M
    005
    upload_max_size = 100M
    post_max_filesize = 100M
    00

    upload_max_size = 100M
    post_max_filesize = 100M
    007
    upload_max_size = 100M
    post_max_filesize = 100M
    98
    upload_max_size = 100M
    post_max_filesize = 100M
    989
    upload_max_size = 100M
    post_max_filesize = 100M
    010
    C:\wamp64\bin\apache\apache2.4.27\bin
    1
    upload_max_size = 100M
    post_max_filesize = 100M
    012
    upload_max_size = 100M
    post_max_filesize = 100M
    00

    upload_max_size = 100M
    post_max_filesize = 100M
    014
    upload_max_size = 100M
    post_max_filesize = 100M
    98
    upload_max_size = 100M
    post_max_filesize = 100M
    016
    upload_max_size = 100M
    post_max_filesize = 100M
    010
    C:\wamp64\bin\apache\apache2.4.27\bin
    1
    upload_max_size = 100M
    post_max_filesize = 100M
    019
    upload_max_size = 100M
    post_max_filesize = 100M
    973
    C:\wamp64\bin\apache\apache2.4.27\bin
    1
    upload_max_size = 100M
    post_max_filesize = 100M
    982
    upload_max_size = 100M
    post_max_filesize = 100M
    983
    C:\wamp64\bin\apache\apache2.4.27\bin
    1
    upload_max_size = 100M
    post_max_filesize = 100M
    985
    upload_max_size = 100M
    post_max_filesize = 100M
    986
    C:\wamp64\bin\apache\apache2.4.27\bin
    1
    upload_max_size = 100M
    post_max_filesize = 100M
    002
    upload_max_size = 100M
    post_max_filesize = 100M
    979

    upload_max_size = 100M
    post_max_filesize = 100M
    007
    upload_max_size = 100M
    post_max_filesize = 100M
    980
    upload_max_size = 100M
    post_max_filesize = 100M
    989
    upload_max_size = 100M
    post_max_filesize = 100M
    00

    upload_max_size = 100M
    post_max_filesize = 100M
    007
    upload_max_size = 100M
    post_max_filesize = 100M
    98
    upload_max_size = 100M
    post_max_filesize = 100M
    989
    upload_max_size = 100M
    post_max_filesize = 100M
    010
    C:\wamp64\bin\apache\apache2.4.27\bin
    1
    upload_max_size = 100M
    post_max_filesize = 100M
    012
    upload_max_size = 100M
    post_max_filesize = 100M
    00

    upload_max_size = 100M
    post_max_filesize = 100M
    014
    upload_max_size = 100M
    post_max_filesize = 100M
    98
    upload_max_size = 100M
    post_max_filesize = 100M
    03
    upload_max_size = 100M
    post_max_filesize = 100M
    010
    C:\wamp64\bin\apache\apache2.4.27\bin
    1
    upload_max_size = 100M
    post_max_filesize = 100M
    06
    upload_max_size = 100M
    post_max_filesize = 100M
    973
    C:\wamp64\bin\apache\apache2.4.27\bin
    1
    upload_max_size = 100M
    post_max_filesize = 100M
    09
    upload_max_size = 100M
    post_max_filesize = 100M
    983
    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
    upload_max_size = 100M
    post_max_filesize = 100M
    00

    upload_max_size = 100M
    post_max_filesize = 100M
    007
    upload_max_size = 100M
    post_max_filesize = 100M
    980
    upload_max_size = 100M
    post_max_filesize = 100M
    989
    upload_max_size = 100M
    post_max_filesize = 100M
    00

    upload_max_size = 100M
    post_max_filesize = 100M
    994
    upload_max_size = 100M
    post_max_filesize = 100M
    980
    upload_max_size = 100M
    post_max_filesize = 100M
    996
    upload_max_size = 100M
    post_max_filesize = 100M
    00

    upload_max_size = 100M
    post_max_filesize = 100M
    1____2980
    upload_max_size = 100M
    post_max_filesize = 100M
    989
    upload_max_size = 100M
    post_max_filesize = 100M
    00

    upload_max_size = 100M
    post_max_filesize = 100M
    1
    upload_max_size = 100M
    post_max_filesize = 100M
    98
    upload_max_size = 100M
    post_max_filesize = 100M
    989
    upload_max_size = 100M
    post_max_filesize = 100M
    990
    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
    00

    upload_max_size = 100M
    post_max_filesize = 100M
    1____136
    upload_max_size = 100M
    post_max_filesize = 100M
    37

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

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

     

    upload_max_size = 100M
    post_max_filesize = 100M
    994
    upload_max_size = 100M
    post_max_filesize = 100M
    51
    upload_max_size = 100M
    post_max_filesize = 100M
    52
    C:\wamp64\bin\apache\apache2.4.27\bin
    1
    upload_max_size = 100M
    post_max_filesize = 100M
    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

    upload_max_size = 100M
    post_max_filesize = 100M
    994
    upload_max_size = 100M
    post_max_filesize = 100M
    98
    upload_max_size = 100M
    post_max_filesize = 100M
    60
    upload_max_size = 100M
    post_max_filesize = 100M
    61

     

    upload_max_size = 100M
    post_max_filesize = 100M
    1____136
    upload_max_size = 100M
    post_max_filesize = 100M
    37

    upload_max_size = 100M
    post_max_filesize = 100M
    994
    upload_max_size = 100M
    post_max_filesize = 100M
    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____2980
    upload_max_size = 100M
    post_max_filesize = 100M
    989
    upload_max_size = 100M
    post_max_filesize = 100M
    00

    upload_max_size = 100M
    post_max_filesize = 100M
    980
    upload_max_size = 100M
    post_max_filesize = 100M
    985
    upload_max_size = 100M
    post_max_filesize = 100M
    00

     

    upload_max_size = 100M
    post_max_filesize = 100M
    980
    upload_max_size = 100M
    post_max_filesize = 100M
    99
    upload_max_size = 100M
    post_max_filesize = 100M
    00

    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
      Hình ảnh tải lên php với tên tùy chỉnh

      đầu ra

      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.
      Bạn cần lưu ý một điều là khi bạn chạy chương trình này, 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 cho việc tải lên hình ảnh . Đố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 với 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