search

Hướng dẫn upload image array php - tải lên mảng hình ảnh php

1 năms trước
Trả lời: 0
Lượt xem: 61

Với mọi trang web đều phải có chức năng upload image lên đưa Database với mục đích thêm hình ảnh vào cơ sở dữ liệu MySQL. Bài viết này sẽ hướng dẫn bạn cách upload ảnh bằng PHP và MySQL với những đoạn code dễ hiểu đọc xong bạn hoàn toàn có thể làm được.upload ảnh bằng PHP và MySQL với những đoạn code dễ hiểu đọc xong bạn hoàn toàn có thể làm được.

Show
  • Readmore : Code hiển thị nội dung bài viết trong PHP

Với bài tập này bạn sẽ biết cách lưu đường dẫn ảnh vào Database và hiển thị bức ảnh lên trên website. Nào hãy bắt đầu thôi!

Hướng dẫn upload image array php - tải lên mảng hình ảnh php

Bước 1: Bạn sẽ khởi tạo 4 file như trong hình Bạn sẽ khởi tạo 4 file như trong hình

  • photo: dùng để lưu hình ảnh trên máy tính
  • connect.php; kết nối tới Database
  • style; thêm CSS để trang trí form
  • upload.php; file upload ảnh
  • xuly.php; xử lý ảnh sau khi upload

Tạo 1 cơ sở dữ liệu Database tên là ‘upload_image‘ => sau đó tạo bảng Table tên là images bằng paste đoạn MySQL vào Databaseupload_image‘ => sau đó tạo bảng Table tên là images bằng paste đoạn MySQL vào Database

CREATE TABLE IF NOT EXISTS `images` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`image` varchar(100) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=1 ;

Bước 2: Tiếp theo bạn sẽ tạo một file upload.php Tiếp theo bạn sẽ tạo một file upload.php

<!DOCTYPE html> 
<html> 
<head> 
<title>Image Upload</title> 
<link rel="stylesheet" href="style.css"> 
</head> 
<body> 
<div id="content"> 
<form method="POST" action="upload.php" enctype="multipart/form-data"> 
<input type="hidden" name="size" value="1000000"> 
<input type="file" name="image"> 
<button type="submit" name="upload">POST</button>
<?php require "xuly.php"?>
</form> 
</div> 
</body> 
</html>

Bước 3: Tiếp theo sẽ tạo một file là xuly.php Tiếp theo sẽ tạo một file là xuly.php

<?php
include 'connect.php';
if (isset($_POST['upload'])) {
$errors= array();
$file_name = $_FILES['image']['name'];
$file_size = $_FILES['image']['size'];
$file_tmp = $_FILES['image']['tmp_name'];
$file_type = $_FILES['image']['type'];
$file_parts =explode('.',$_FILES['image']['name']);
$file_ext=strtolower(end($file_parts));
$expensions= array("jpeg","jpg","png");
if(in_array($file_ext,$expensions)=== false){
$errors[]="Chỉ hỗ trợ upload file JPEG hoặc PNG.";
}
if($file_size > 2097152) {
$errors[]='Kích thước file không được lớn hơn 2MB';
}
$image = $_FILES['image']['name'];
$target = "photo/".basename($image);
$sql = "INSERT INTO images (image) VALUES ('$image')";
mysqli_query($conn, $sql);
if (move_uploaded_file($_FILES['image']['tmp_name'], $target)) {
echo '<script language="javascript">alert("Đã upload thành công!");</script>';
}else{
echo '<script language="javascript">alert("Đã upload thất bại!");</script>';
}
}
$result = mysqli_query($conn, "SELECT * FROM images");
?>
<!DOCTYPE html>
<html>
<head>
<title>Image Upload</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="content">
   
<?php
while ($row = mysqli_fetch_array($result)) {
echo "<div id='img_div'>";
echo "<img src='photo/".$row['image']."' >";
echo "</div>";
}
?>
</div>
</body>
</html>

Bước 4: Tạo file connect.php để kết nối database Tạo file connect.php để kết nối database

<?php
$host ="localhost";
$uname = "root";
$pwd = '';
$db_name = "upload_image";
$conn = mysqli_connect($host, $uname, $pwd, $db_name);
mysqli_set_charset($conn, 'UTF8');
?>

Bước 5: Thêm file style.cssstyle.css

#content{
margin: 20px auto;
border: 1px solid #cbcbcb;
overflow: auto;
padding: 20px;
}
form{
margin: 20px auto;
}
form div{
margin-top: 5px;
}
#img_div{
padding: 5px;
border: 1px solid #cbcbcb;
float: left
}
#img_div:after{
content: "";
display: block;
clear: both;
}
#img_div img{
float: left;
margin: 5px;
width: 400px;
height: auto;
}

Sau khi tạo xong 4 file: thư mục photo trong máy tính, upload.php, xuly.php và connect.php, style.css bạn thử chạy vào xem kết quả như thế nào.

Kết luận: Trên đây là code upload hình ảnh lên Database bằng PHP và MySQL, với bài hướng dẫn với các bước đơn giản trên hi vọng sẽ giúp bạn học thêm một chút kiến thức về lập trình PHP.

Đọc thêm: Cách lấy dữ liệu trong MySQL

Đây là chức năng giúp chúng ta có thể gửi file lên server đó là file ảnh hoặc các loại tập tin.

Cấu hình: Tìm vào file php.ini bật trạng thái upload file: Tìm vào file php.ini bật trạng thái upload file

file_uploads = On

FORM HTML UPLOAD FILE

<form method="POST" enctype="multipart/form-data">
  <input type="file" name="fileUpload"  id="fileUpload" >
  <input type="submit" name="submit" >
</form>

Chú ý::

  • Chỉ hỗ trợ form có phương thức truyền dữ liệu POST
  • Khai báo thuộc tính enctype="multipart/form-data" cho From

XỬ LÝ UPLOAD FORM

  • Dữ liệu file upload được đẩy vào mảng hệ thống $_FILES
  • Kiểm tra dữ liệu hợp lệ của file upload: Loại file, dung lượng,...

Hàm hỗ trợ

  • Lấy tên file
<?php
basename($_FILES['fileUpload']['name']);
?>
  • Lấy đuôi mở rộng file
<?php
pathinfo($_FILES['fileUpload']['name'], PATHINFO_EXTENSION);
?>

Bước 1: Tạo đường dẫn chứa file upload: Tạo đường dẫn chứa file upload

<?php
$target_dir = "uploads/";
?>

Ta có đường dẫn file sau khi upload

<!DOCTYPE html> 
<html> 
<head> 
<title>Image Upload</title> 
<link rel="stylesheet" href="style.css"> 
</head> 
<body> 
<div id="content"> 
<form method="POST" action="upload.php" enctype="multipart/form-data"> 
<input type="hidden" name="size" value="1000000"> 
<input type="file" name="image"> 
<button type="submit" name="upload">POST</button>
<?php require "xuly.php"?>
</form> 
</div> 
</body> 
</html>
0

Bước 2: Kiểm tra file trước khi upload: Kiểm tra file trước khi upload

  • Kiểm tra đuổi mở rộng(upload ảnh có đuổi png, jpg, jpeg, gif)
<!DOCTYPE html> 
<html> 
<head> 
<title>Image Upload</title> 
<link rel="stylesheet" href="style.css"> 
</head> 
<body> 
<div id="content"> 
<form method="POST" action="upload.php" enctype="multipart/form-data"> 
<input type="hidden" name="size" value="1000000"> 
<input type="file" name="image"> 
<button type="submit" name="upload">POST</button>
<?php require "xuly.php"?>
</form> 
</div> 
</body> 
</html>
1
  • Kiểm tra kích thước file
<!DOCTYPE html> 
<html> 
<head> 
<title>Image Upload</title> 
<link rel="stylesheet" href="style.css"> 
</head> 
<body> 
<div id="content"> 
<form method="POST" action="upload.php" enctype="multipart/form-data"> 
<input type="hidden" name="size" value="1000000"> 
<input type="file" name="image"> 
<button type="submit" name="upload">POST</button>
<?php require "xuly.php"?>
</form> 
</div> 
</body> 
</html>
2
  • Kiểm tra sự tồn tại của file trên hệ thống
<!DOCTYPE html> 
<html> 
<head> 
<title>Image Upload</title> 
<link rel="stylesheet" href="style.css"> 
</head> 
<body> 
<div id="content"> 
<form method="POST" action="upload.php" enctype="multipart/form-data"> 
<input type="hidden" name="size" value="1000000"> 
<input type="file" name="image"> 
<button type="submit" name="upload">POST</button>
<?php require "xuly.php"?>
</form> 
</div> 
</body> 
</html>
3

Bước 3: Chuyển file từ thư mục tạm lên server: Chuyển file từ thư mục tạm lên server

<!DOCTYPE html> 
<html> 
<head> 
<title>Image Upload</title> 
<link rel="stylesheet" href="style.css"> 
</head> 
<body> 
<div id="content"> 
<form method="POST" action="upload.php" enctype="multipart/form-data"> 
<input type="hidden" name="size" value="1000000"> 
<input type="file" name="image"> 
<button type="submit" name="upload">POST</button>
<?php require "xuly.php"?>
</form> 
</div> 
</body> 
</html>
4

CODE UPLOAD FILE ĐẦY ĐỦ

<!DOCTYPE html> 
<html> 
<head> 
<title>Image Upload</title> 
<link rel="stylesheet" href="style.css"> 
</head> 
<body> 
<div id="content"> 
<form method="POST" action="upload.php" enctype="multipart/form-data"> 
<input type="hidden" name="size" value="1000000"> 
<input type="file" name="image"> 
<button type="submit" name="upload">POST</button>
<?php require "xuly.php"?>
</form> 
</div> 
</body> 
</html>
5

GHI NHỚ

  • Upload file giúp chuyển một file từ máy tính lên server
  • Quá trình upload file được tiến hành qua 3 bước
  • Trước khi upload file cần kiểm tra file thích hợp với mục đích sử dụng

Url Link

http://hocweb123.com/cach-upload-file-len-server-bang-php.html

Với mọi trang web đều phải có chức năng upload image lên đưa Database với mục đích thêm hình ảnh vào cơ sở dữ liệu MySQL. Bài viết này sẽ hướng dẫn bạn cách upload ảnh bằng PHP và MySQL với những đoạn code dễ hiểu đọc xong bạn hoàn toàn có thể làm được.upload ảnh bằng PHP và MySQL với những đoạn code dễ hiểu đọc xong bạn hoàn toàn có thể làm được.

  • Readmore : Code hiển thị nội dung bài viết trong PHP

Với bài tập này bạn sẽ biết cách lưu đường dẫn ảnh vào Database và hiển thị bức ảnh lên trên website. Nào hãy bắt đầu thôi!

Bước 1: Bạn sẽ khởi tạo 4 file như trong hình Bạn sẽ khởi tạo 4 file như trong hình

  • photo: dùng để lưu hình ảnh trên máy tính
  • connect.php; kết nối tới Database
  • style; thêm CSS để trang trí form
  • upload.php; file upload ảnh
  • xuly.php; xử lý ảnh sau khi upload

Tạo 1 cơ sở dữ liệu Database tên là ‘upload_image‘ => sau đó tạo bảng Table tên là images bằng paste đoạn MySQL vào Databaseupload_image‘ => sau đó tạo bảng Table tên là images bằng paste đoạn MySQL vào Database

CREATE TABLE IF NOT EXISTS `images` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`image` varchar(100) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=1 ;

Bước 2: Tiếp theo bạn sẽ tạo một file upload.php Tiếp theo bạn sẽ tạo một file upload.php

<!DOCTYPE html> 
<html> 
<head> 
<title>Image Upload</title> 
<link rel="stylesheet" href="style.css"> 
</head> 
<body> 
<div id="content"> 
<form method="POST" action="upload.php" enctype="multipart/form-data"> 
<input type="hidden" name="size" value="1000000"> 
<input type="file" name="image"> 
<button type="submit" name="upload">POST</button>
<?php require "xuly.php"?>
</form> 
</div> 
</body> 
</html>

Bước 3: Tiếp theo sẽ tạo một file là xuly.php Tiếp theo sẽ tạo một file là xuly.php

<?php
include 'connect.php';
if (isset($_POST['upload'])) {
$errors= array();
$file_name = $_FILES['image']['name'];
$file_size = $_FILES['image']['size'];
$file_tmp = $_FILES['image']['tmp_name'];
$file_type = $_FILES['image']['type'];
$file_parts =explode('.',$_FILES['image']['name']);
$file_ext=strtolower(end($file_parts));
$expensions= array("jpeg","jpg","png");
if(in_array($file_ext,$expensions)=== false){
$errors[]="Chỉ hỗ trợ upload file JPEG hoặc PNG.";
}
if($file_size > 2097152) {
$errors[]='Kích thước file không được lớn hơn 2MB';
}
$image = $_FILES['image']['name'];
$target = "photo/".basename($image);
$sql = "INSERT INTO images (image) VALUES ('$image')";
mysqli_query($conn, $sql);
if (move_uploaded_file($_FILES['image']['tmp_name'], $target)) {
echo '<script language="javascript">alert("Đã upload thành công!");</script>';
}else{
echo '<script language="javascript">alert("Đã upload thất bại!");</script>';
}
}
$result = mysqli_query($conn, "SELECT * FROM images");
?>
<!DOCTYPE html>
<html>
<head>
<title>Image Upload</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="content">
   
<?php
while ($row = mysqli_fetch_array($result)) {
echo "<div id='img_div'>";
echo "<img src='photo/".$row['image']."' >";
echo "</div>";
}
?>
</div>
</body>
</html>

Bước 4: Tạo file connect.php để kết nối database Tạo file connect.php để kết nối database

<?php
$host ="localhost";
$uname = "root";
$pwd = '';
$db_name = "upload_image";
$conn = mysqli_connect($host, $uname, $pwd, $db_name);
mysqli_set_charset($conn, 'UTF8');
?>

Bước 5: Thêm file style.cssstyle.css

#content{
margin: 20px auto;
border: 1px solid #cbcbcb;
overflow: auto;
padding: 20px;
}
form{
margin: 20px auto;
}
form div{
margin-top: 5px;
}
#img_div{
padding: 5px;
border: 1px solid #cbcbcb;
float: left
}
#img_div:after{
content: "";
display: block;
clear: both;
}
#img_div img{
float: left;
margin: 5px;
width: 400px;
height: auto;
}

Sau khi tạo xong 4 file: thư mục photo trong máy tính, upload.php, xuly.php và connect.php, style.css bạn thử chạy vào xem kết quả như thế nào.

Kết luận: Trên đây là code upload hình ảnh lên Database bằng PHP và MySQL, với bài hướng dẫn với các bước đơn giản trên hi vọng sẽ giúp bạn học thêm một chút kiến thức về lập trình PHP.

Đọc thêm: Cách lấy dữ liệu trong MySQL

programming php

Bài Viết Liên Quan

Triển lãm vietad 2023
Triển lãm vietad 2023

Giá nhung hươu tươi 2023
Giá nhung hươu tươi 2023

Hướng dẫn php session garbage collection - bộ sưu tập rác phiên php
Hướng dẫn php session garbage collection - bộ sưu tập rác phiên php

Hướng dẫn how do i find time zones in excel? - làm cách nào để tìm múi giờ trong excel?
Hướng dẫn how do i find time zones in excel? - làm cách nào để tìm múi giờ trong excel?

Hướng dẫn matrix subtraction in python using numpy - phép trừ ma trận trong python bằng cách sử dụng numpy
Hướng dẫn matrix subtraction in python using numpy - phép trừ ma trận trong python bằng cách sử dụng numpy

Hướng dẫn check duplicate string python - kiểm tra chuỗi trùng lặp python
Hướng dẫn check duplicate string python - kiểm tra chuỗi trùng lặp python

Hướng dẫn not inner join mysql - không tham gia bên trong mysql
Hướng dẫn not inner join mysql - không tham gia bên trong mysql

Ngày xuất hành tốt năm 2023
Ngày xuất hành tốt năm 2023

Hướng dẫn how to add 5 days to current date in php - cách thêm 5 ngày vào ngày hiện tại trong php
Hướng dẫn how to add 5 days to current date in php - cách thêm 5 ngày vào ngày hiện tại trong php

Hướng dẫn html2canvas issues - vấn đề về html2canvas
Hướng dẫn html2canvas issues - vấn đề về html2canvas

MỚI CẬP NHẬP

Bài văn tả trường em vào giờ ra chơi năm 2024
16 phúts trước . bởi MountingAssembly
Kê khai phát hành hóa đơn lần 2 thiên ưng năm 2024
31 phúts trước . bởi BacterialEquation
Nghị định thông tư dich tiếng anh là gì năm 2024
56 phúts trước . bởi Five-dayAcceptance
Bài văn tiếng anh về bo phim marvel năm 2024
59 phúts trước . bởi AggressiveMobility
What do they think of the place nghĩa là gì năm 2024
1 giờs trước . bởi GenericEater
Bài tập tính tỷ suất ngoại tệ xuất khẩu năm 2024
1 giờs trước . bởi DustySnapshot
Bài tập mệnh đề quan hệ lop 11 violet năm 2024
1 giờs trước . bởi PsychedelicMagnificence
Bắt buộc gạch mst viết hóa đơn vat năm 2024
2 giờs trước . bởi AdaptableLeadership
He had two trains but they were armored là gì năm 2024
2 giờs trước . bởi ItinerantDominion
Toán lớp 7 tập 2 bài 25 trang 38 năm 2024
2 giờs trước . bởi BeastlyCilantro

Xem Nhiều

Câu bạn làm bài tập chưa có chức năng gì năm 2024
3 ngàys trước . bởi Law-abidingMartin
Caâu hỏi trắc nghiệm về văn hóa tổ chức năm 2024
5 ngàys trước . bởi EngravedSchism
Làm thế nào để hết quầng thâm mắt bẩm sinh năm 2024
3 ngàys trước . bởi TransparentSubcommittee
An toàn thông tin và hệ thống là gì năm 2024
2 ngàys trước . bởi AppreciableNervousness
Lỗi file word 2010 bị kẻ ô vuông khi mở năm 2024
2 ngàys trước . bởi ElderlyWoodward
Kho chuyển hàng đi quốc tế tiếng anh là gì năm 2024
3 ngàys trước . bởi StrongEmperor
Số điện thoại của lazada là gì năm 2024
6 ngàys trước . bởi ForensicElectricity
Chảy máu cam là bị bệnh gì năm 2024
2 ngàys trước . bởi OliveBlossom
Dau tư trung quốc vào tây nam thái bình dương năm 2024
2 ngàys trước . bởi OversizeAirtime
He had two trains but they were armored là gì năm 2024
2 giờs trước . bởi ItinerantDominion

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội

Bản quyền © 2024 Inc.