ใน workshop นี้จะแนะนำการทำโปรแกรมอัพโหลดไฟล์เข้าไปในเว็บไซต์ของเรา โดยเก็บชื่อไฟล์ไว้ในฐานข้อมูลและอัพโหลดไฟล์ไปยังโฟลเดอร์ที่เรากำหนด และมีการเปลี่ยนชื่อไฟล์ใหม่เพื่อป้องกันชื่อไฟล์ซ้ำกัน
ใน workshop นี้สร้างโฟลเดอร์ชื่อ img นะคร้บ
มาสร้างตารางเก็บข้อมูลกันก่อนครับ อย่าลืมสร้างฐานข้อมูลก่อนนะครับ
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
CREATE TABLE IF NOT EXISTS `tb_img` ( `img_id` int(11) NOT NULL, `img_file` varchar(200) CHARACTER SET utf8 NOT NULL, `path_link` varchar(200) CHARACTER SET utf8 NOT NULL, `date_upload` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ) ENGINE=InnoDB DEFAULT CHARSET=latin1; -- -- Indexes for dumped tables -- -- -- Indexes for table `tb_img` -- ALTER TABLE `tb_img` ADD PRIMARY KEY (`img_id`); |
สร้างฟอร์มอัพโหลดแบบง่ายๆ upload.php
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> </head> <body> <form action="upload_db.php" method="post" enctype="multipart/form-data" name="form1" id="form1"> <p>upload image : <label> <input type="file" name="img_file" id="img_file" /> </label> <input type="submit" name="button" id="button" value="Submit" /> </p> </form> </body> </html> |
ไฟล์สคริปอัพโหลดไฟล์ upload_db.php
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 |
<meta charset="UTF-8" /> <?php require_once('Connections/condb.php'); //Set ว/ด/ป เวลา ให้เป็นของประเทศไทย date_default_timezone_set('Asia/Bangkok'); //สร้างตัวแปรวันที่เพื่อเอาไปตั้งชื่อไฟล์ที่อัพโหลด $date1 = date("Ymd_his"); //สร้างตัวแปรสุ่มตัวเลขเพื่อเอาไปตั้งชื่อไฟล์ที่อัพโหลดไม่ให้ชื่อไฟล์ซ้ำกัน $numrand = (mt_rand()); //รับชื่อไฟล์จากฟอร์ม $img_file = (isset($_REQUEST['img_file']) ? $_REQUEST['img_file'] : ''); $upload=$_FILES['img_file']; if($upload <> '') { //โฟลเดอร์ที่เก็บไฟล์ $path="img/"; //ตัวขื่อกับนามสกุลภาพออกจากกัน $type = strrchr($_FILES['img_file']['name'],"."); //ตั้งชื่อไฟล์ใหม่เป็น สุ่มตัวเลข+วันที่ $newname =$numrand.$date1.$type; $path_copy=$path.$newname; $path_link="img/".$newname; //คัดลอกไฟล์ไปยังโฟลเดอร์ move_uploaded_file($_FILES['img_file']['tmp_name'],$path_copy); } $sql = "INSERT INTO tb_img (img_file, path_link) VALUES ('$newname', '$path_link') "; $result = mysql_db_query($database_condb, $sql) or die ("Error in query: $sql " . mysql_error()); mysql_close(); if($result){ echo "<script type='text/javascript'>"; echo "alert('อัพโหลดสำเร็จ!');"; echo "window.location='upload.php';"; echo "</script>"; } else{ echo "<script type='text/javascript'>"; echo "window.location='upload.php';"; echo "</script>"; } ?> |
แค่นี้เราก็ได้โปรแกรมอัพโหลดไฟล์เข้าไปในเว็บไซต์ของเราเรียบร้อยแล้วครับ
วีดีโอ workshop ครับ
คลิปทั้งหมด
ปล.งดให้คำปรึกษาการเขียนเว็บด้วย adobe dreamweaver แล้วครับ
ไปฝึกเขียนแบบใหม่ดีกว่าครับ คลิปสอนคลิก