Hướng dẫn how can i upload image in html? - Làm cách nào để tải hình ảnh lên trong html?
W3Schools được tối ưu hóa cho việc học và đào tạo. Ví dụ có thể được đơn giản hóa để cải thiện việc đọc và học tập. Hướng dẫn, tài liệu tham khảo và ví dụ được xem xét liên tục để tránh lỗi, nhưng chúng tôi không thể đảm bảo tính chính xác đầy đủ của tất cả các nội dung. Trong khi sử dụng W3Schools, bạn đồng ý đã đọc và chấp nhận các điều khoản sử dụng, cookie và chính sách bảo mật của chúng tôi. Show
Bản quyền 1999-2022 bởi dữ liệu refsnes. Đã đăng ký Bản quyền. W3Schools được cung cấp bởi W3.CSS. Với PHP, thật dễ dàng để tải các tệp lên máy chủ. Tuy nhiên, một cách dễ dàng đến nguy hiểm, vì vậy hãy luôn cẩn thận khi cho phép tải lên tệp! Định cấu hình tệp "php.ini"Đầu tiên, đảm bảo rằng PHP được cấu hình để cho phép tải lên tệp. Trong tệp "php.ini" của bạn, tìm kiếm chỉ thị Tạo biểu mẫu HTMLTiếp theo, hãy tạo biểu mẫu HTML cho phép người dùng chọn tệp hình ảnh họ muốn tải lên: & nbsp; & nbsp; chọn hình ảnh để tải lên: & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; chọn hình ảnh để tải lên: & nbsp; & nbsp; & nbsp;
Biểu mẫu cũng cần thuộc tính sau: Enctype = "Multipart/Form-Data". Nó chỉ định loại nội dung nào sẽ sử dụng khi gửi biểu mẫu Không có các yêu cầu ở trên, tải lên tệp sẽ không hoạt động.
Thuộc tính loại = "tệp" của thẻ hiển thị trường đầu vào dưới dạng điều khiển chọn tệp, với nút "Duyệt" bên cạnh điều khiển đầu vào Biểu mẫu ở trên gửi dữ liệu đến một tệp có tên "Tải lên.php", mà chúng tôi sẽ tạo tiếp theo.Tạo tập lệnh tải lên tệp php Tệp "upload.php" chứa mã để tải lên tệp: PHP script explained:
Tiếp theo, kiểm tra xem tệp hình ảnh có phải là hình ảnh thực hay hình ảnh giả không You will need to create a new directory called "uploads" in the directory where "upload.php" file resides. The uploaded files will be saved there. Lưu ý: Bạn sẽ cần tạo một thư mục mới gọi là "Tải lên" trong thư mục trong đó tệp "tải lên.php" nằm. Các tập tin được tải lên sẽ được lưu ở đó.Kiểm tra xem tệp đã tồn tại chưa Bây giờ chúng ta có thể thêm một số hạn chế. Đầu tiên, chúng tôi sẽ kiểm tra xem tệp đã tồn tại trong thư mục "Tải lên". Nếu có, một thông báo lỗi được hiển thị và $ uploadok được đặt thành 0: // kiểm tra xem tệp đã tồn tại (file_exists ($ target_file)) {& nbsp; echo "Xin lỗi, tập tin đã tồn tại."; & nbsp; $ uploadok = 0; }Giới hạn kích thước tệp Trường đầu vào tệp trong biểu mẫu HTML của chúng tôi ở trên được đặt tên là "Filetoupload". Bây giờ, chúng tôi muốn kiểm tra kích thước của tệp. Nếu tệp lớn hơn 500kb, một thông báo lỗi sẽ được hiển thị và $ uploadok được đặt thành 0: // Kiểm tra tệp Sizeif ($ _files ["Filetoupload"] ["size"]> 500000) {& nbsp; echo "Xin lỗi, tập tin của bạn quá lớn."; & nbsp; $ uploadok = 0; }Giới hạn loại tệp Mã bên dưới chỉ cho phép người dùng tải lên các tệp JPG, JPEG, PNG và GIF. Tất cả các loại tệp khác đều cung cấp thông báo lỗi trước khi đặt $ tải lên 0: Hoàn thành Tải lên Tập lệnh PhpTệp hoàn chỉnh "upload.php" bây giờ trông như thế này: $target_dir = "uploads/"; // Kiểm tra xem tệp hình ảnh có phải là hình ảnh thực tế hoặc hình ảnh giả (isset ($ _ post ["Gửi"])) ; & nbsp; if ($ kiểm tra! == false) {& nbsp; & nbsp; & nbsp; Echo "Tệp là một hình ảnh -". $ Kiểm tra ["MIME"]. "."; & nbsp; & nbsp; & nbsp; $ uploadOK = 1; & nbsp; & nbsp;} other {& nbsp; & nbsp; & nbsp; echo "Tệp không phải là một hình ảnh."; & nbsp; & nbsp; & nbsp; $ uploadok = 0; & nbsp; & nbsp;}} // kiểm tra xem tệp đã tồn tại (file_exists ($ target_file)) {& nbsp; echo "Xin lỗi, tệp đã tồn tại."; & nbsp; & nbsp; $ uploadok = 0;} // Kiểm tra tệp Sizeif ($ _files ["Filetoupload"] ["size"]> 500000) {& nbsp; & nbsp; echo "Xin lỗi, tệp của bạn quá lớn."; & Nbsp; } // Cho phép một số định dạng tệp nhất định ($ ImageFileType! = "Jpg" && $ ImageFileType! , Các tệp jpeg, png & gif được cho phép. "; & Nbsp; & nbsp; $ uploadok = 0;} // Kiểm tra xem $ uploadok được đặt thành 0 bởi một lỗi ($ uploadok == 0) {& nbsp; & nbsp; echo "Xin lỗi, tệp của bạn không được tải lên."; {& nbsp; if (move_uploaded_file ($ _ files ["filetoupload"] ["tmp_name"], $ target_file)) {& nbsp; & nbsp; & nbsp; Echo "The File". htmlspecialchars (basename ($ _files ["filetoupload"] ["name"])). " Đã được tải lên."; & nbsp; } other {& nbsp; & nbsp; & nbsp; echo "Xin lỗi, đã có một lỗi khi tải lên tệp của bạn."; & nbsp; & nbsp;}}?> Hoàn thành tham chiếu hệ thống tập tin PHPĐể tham khảo đầy đủ các chức năng hệ thống tập tin, hãy truy cập tham chiếu hệ thống tập tin PHP hoàn chỉnh của chúng tôi. Làm cách nào để tải tệp lên HTML?HTML cho phép bạn thêm chức năng tải lên tệp vào trang web của mình bằng cách thêm nút tải lên tệp vào trang web của bạn với sự trợ giúp của thẻ.Xác định một trường chọn tệp và nút duyệt web cho các tải lên tệp.adding a file upload button to your webpage with the help of the tag. The defines a file-select field and a “Browse“ button for file uploads.
Làm cách nào để đặt một hình ảnh vào thư mục HTML?Đường dẫn tập tin.. Sao chép hình ảnh bạn đã chọn trước đó vào thư mục hình ảnh của bạn .. Mở chỉ mục của bạn..... Dòng là mã HTML chèn một hình ảnh vào trang..... Chèn đường dẫn tệp vào mã HTML của bạn giữa các dấu ngoặc kép của src = "" mã .. Làm thế nào để bạn tạo một hình ảnh trong HTML?Thẻ tạo ra một không gian giữ cho hình ảnh được tham chiếu.Thẻ có hai thuộc tính bắt buộc: SRC - Chỉ định đường dẫn đến hình ảnh.Alt - Chỉ định một văn bản thay thế cho hình ảnh, nếu hình ảnh vì một số lý do không thể được hiển thị. |