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

 

 

คุณอาจสนใจ
การสร้าง Webboard ด้วย Dreamweaver 8 (ตอนที่ 1)
first (146,605 - 12 ม.ค. 51)
ลดแท็บเหลือแค่ไอคอนใน Firefox
เว็บไทยดีดี (13,958 - 22 ก.ย. 50)
ล๊อกตาย Status bar ของ IE ทำไงนะ
เว็บไทยดีดี (14,788 - 08 ก.ย. 50)
การค้นหา และแทนที่คำในเอกสาร Web Page
Mr.GuruZ (39,758 - 05 ก.ย. 49)
การทำภาพ TV Screen
Mr.GuruZ (60,943 - 04 มิ.ย. 49)
มาทำความรู้จัก Tool Forms ของ Dreamweaver 8
เฟริสท์ (62,962 - 27 พ.ย. 50)
โคลนนิ่งอย่างงายโดยใช้ Layer Mask
langjuko (191,969 - 16 พ.ค. 51)
ย้าย Server เปลี่ยน Link ใหม
สายลม (32,846 - 29 มี.ค. 51)