การทำอัปโหลดรูปชนิด 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

 

 

คุณอาจสนใจ
การบันทึกเอกสาร เพื่อส่งไปยังแฟ้มข้อมูล
Mr.GuruZ (28,016 - 02 ก.ค. 49)
การทำ Magic Wand วิ่งตามเมาส์
Mr.GuruZ (54,171 - 04 มิ.ย. 49)
สรุปคำสั่ง Action Script บน Flash MX (ตอนที่ 6)
สหรัถ แซ่ตั้ง (33,004 - 08 ก.ย. 50)
การทำก้อนเมฆ
ดินสอ (145,869 - 17 ก.ค. 49)
การทำกรอบข้อความเลื่อนตาม SCROLLBAR
เว็บไทยดีดี (33,198 - 19 ม.ค. 51)
ฟังก์ชัน printf()และ scanf()
Mr.POP (100,231 - 26 พ.ย. 50)
การเปลี่ยน Format ตัวเลขเป็นข้อความ
Mr.GuruZ (35,569 - 02 ก.ค. 49)
เทคนิคการทำภาพขอบจุดกระจาย
Charoen (132,415 - 25 ธ.ค. 49)