การทำอัปโหลดรูปชนิด gif และ jpg ลงดาต้าเบส ฉบับสมบูรณ์ จัดทำโดย : Zerohate
การอัปรูปชนิด gif และ jpg ลงดาต้าเบส

สำหรับหลายคนอยากทำระบบอัปรูปลงเว็บตัวเอง วันนี้ผมมีอีกวิธีมาแนะนำเป็นการ อัปรูปชนิด Gif และ Jpg ลงดาต้าเบส

ขั้นตอนการทำ

1.เราต้องมีสร้างดาต้าเบสกันก่อนนะ เพื่อจะเก็บชื่อของรูป

#
# โครงสร้างตาราง `image`
#

CREATE TABLE `image`
( `id` int(11) NOT NULL auto_increment, `image` tinytext NOT NULL,
PRIMARY KEY (`id`) ) TYPE=MyISAM AUTO_INCREMENT=1 ;

#
# dump ตาราง `image`
#

2.สร้าง form สำหรับอัปรูป

โค๊ตของไฟล์ form_upload.php

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874" />
</head>

<body>
<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">
<input type="file" name="file" />
<input type="submit" name="Submit" value="อัปรูป" />
<input name="hidAction" id="hidAction" type="hidden" value="Add"> //ส่งค่าแบบ hidden
</form>
</body>
</html>

3.เขียนโค๊ตเพื่อทำการอัปโหลดรูปและเก็บลงดาต้าเบส

<?
if($hidAction == "Add") { //เช็คค่า hidden ที่่ส่งมา ถ้าเท่ากับ Add ให้โปรแกรมทำงาน
$date = date("U"); //สร้างเลข 10 หลักมาจากเวลา เพื่อเอาไปใช้เป็นชื่อของรูป ป้องกันชื่อรูปซ้ำ
if($file != "") {
$type = getimagesize($file); //หาประเภทของรูปภาพ
if($type[2] == 1) { //เมื่อรูปภาพเป็นชนิด gif
$image = $date."_img.gif";
} else if($type[2] == 2) { //เมื่อรูปภาพเป็นชนิด jpg
$image = $date."_img.jpg";
}
copy($file, "images/$image"); //ก๊อปปี้รูปภาพไปยังโพลเดอร์ images
chmod("images/$image", 0664); //ทำการ changmode
}

$host="localhost";
$db_username="root";
$db_password="";
$dbname="test"; //ชื่อฐานข้อมูล
$connect = mysql_connect($host,$db_username,$db_password);
if(!$connect){
echo "ไม่สามารถติดต่อฐานข้อมูลได้"; exit();
}

$sql = "insert into image (id, image) values ('', '$image') "; //เพิ่มข้อมูลลงดาต้าเบส โดนเอาชื่อของรูปไปเก็บไว้
$dbquery = mysql_db_query($dbname, $sql);
}
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874" />
</head>

<body>
<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">
<input type="file" name="file" />
<input type="submit" name="Submit" value="อัปรูป" />
<input name="hidAction" id="hidAction" type="hidden" value="Add">
</form>
</body>
</html>

4.เรียบร้อยแล้วครับ ลองเอาไปใช้งานกันดูครับ ถ้ายังไม่เข้าใจลองโหลด source code ไปดูก็ได้ครับ

Download Source Code

 

 

คุณอาจสนใจ
เทคนิคการสอนเอฟเฟ็กต์ Mask ใน Macromedia Flash (ตอนที่ 2)
วิโรจน์ ชัยมูลี (47,140 - 29 ก.ย. 50)
การ Fixed ภาพพื้นหลัง หยุดนิ่งด้วย HTML
Black-Hawk (67,783 - 29 ม.ค. 51)
แฟลชไดรฟ์กับ Windows 98
เว็บไทยดีดี (15,439 - 22 ก.ย. 50)
ทำภาพให้โปร่งแสงด้วย Transparency
ธนิศา ไชยภูริพัฒน์ (70,731 - 19 ม.ค. 51)
การตรวจสอบชนิดของไฟล์ในการ Upload ใช้ฟังก์ชั่น strchr();
first (41,058 - 23 ธ.ค. 50)
การเข้ารหัส base64_encode และการถอดรหัส base64_decode
Zerohate (32,836 - 23 ธ.ค. 50)
วิธีกำจัดไวรัส Mytob ออกจากคอมพิวเตอร์
เว็บไทยดีดี (17,215 - 03 พ.ค. 51)
การสร้าง Site เพื่อเก็บเว็บเพจ
Mr.GuruZ (27,115 - 26 พ.ย. 50)