การทำอัปโหลดรูปชนิด 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 (57,946 - 03 มิ.ย. 49)
การ Fixed ภาพพื้นหลัง หยุดนิ่งด้วย HTML
Black-Hawk (68,109 - 29 ม.ค. 51)
การทำให้รูปภาพเข้าไปอยู่ในตัวอักษร
ล่องลอย (64,707 - 01 ส.ค. 49)
ทำปุ่มเคลื่อนไหวใส่เว็บด้วย Flash MX (ตอนที่ 1)
มรกต อุ่นเสรี (53,280 - 29 ก.ย. 50)
โคลนนิ่งอย่างงายโดยใช้ Layer Mask
langjuko (189,976 - 16 พ.ค. 51)
โปรแกรม SleepyTypeTool_v1.3.1.�แก้สระลอยใน Photoshop
Black-Hawk (56,371 - 27 ก.พ. 51)
เทคนิคการทำ drag & drop
Charoen (72,528 - 22 ม.ค. 51)
Herizontal Type Mask Tool (T)
Mr.GuruZ (45,670 - 22 ก.ย. 50)