Bootstrap EP.12 การเพิ่มข้อมูลรูปภาพแบบเขียนโค๊ด และแก้ไขข้อมูลที่มีรูปภาพ แบบเขียนโค๊ด
Bootstrap EP.12 การเพิ่มข้อมูลรูปภาพแบบเขียนโค๊ด และแก้ไขข้อมูลที่มีรูปภาพ
แบบเขียนโค๊ด ข้อดีคือชื่อไฟล์จะไม่ซ้ำกัน ไม่ยากอย่างที่คิด
คลิ๊กดูคลิปวีดีโอได้เลย (ต่อเนื่องจาก EP.9, EP.10, EP.11)
โค๊ดที่ต้องเพิ่มเข้าไปในไฟล์ save
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 |
//ส่วนของการเพิ่มข้อมูลรูปภาพ //Set ว/ด/ป เวลา ให้เป็นของประเทศไทย date_default_timezone_set('Asia/Bangkok'); //สร้างตัวแปรวันที่เพื่อเอาไปตั้งชื่อไฟล์ที่อัพโหลด $date1 = date("Ymd_his"); //สร้างตัวแปรสุ่มตัวเลขเพื่อเอาไปตั้งชื่อไฟล์ที่อัพโหลดไม่ให้ชื่อไฟล์ซ้ำกัน $numrand = (mt_rand()); //รับชื่อไฟล์จากฟอร์ม $img = (isset($_REQUEST['img']) ? $_REQUEST['img'] : ''); $upload=$_FILES['img']; if($upload <> '') { //โฟลเดอร์ที่เก็บไฟล์ $path="img/"; //ตัวขื่อกับนามสกุลภาพออกจากกัน $type = strrchr($_FILES['img']['name'],"."); //ตั้งชื่อไฟล์ใหม่เป็น สุ่มตัวเลข+วันที่ $newname =$numrand.$date1.$type; $path_copy=$path.$newname; $path_link="img/".$newname; //คัดลอกไฟล์ไปยังโฟลเดอร์ move_uploaded_file($_FILES['img']['tmp_name'],$path_copy); } |
โค๊ดที่ต้องเพิ่มเข้าไปในไฟล์ edit
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 |
//ส่วนของการเพิ่มข้อมูลรูปภาพ //Set ว/ด/ป เวลา ให้เป็นของประเทศไทย date_default_timezone_set('Asia/Bangkok'); //สร้างตัวแปรวันที่เพื่อเอาไปตั้งชื่อไฟล์ที่อัพโหลด $date1 = date("Ymd_his"); //สร้างตัวแปรสุ่มตัวเลขเพื่อเอาไปตั้งชื่อไฟล์ที่อัพโหลดไม่ให้ชื่อไฟล์ซ้ำกัน $numrand = (mt_rand()); //รับชื่อไฟล์จากฟอร์ม $file1 = $_POST['file1'];//รับชื่อไฟล์เดิม $img = (isset($_REQUEST['img']) ? $_REQUEST['img'] : ''); $upload=$_FILES['img']['name']; if($upload <> '') { //โฟลเดอร์ที่เก็บไฟล์ $path="img/"; //ตัวขื่อกับนามสกุลภาพออกจากกัน $type = strrchr($_FILES['img']['name'],"."); //ตั้งชื่อไฟล์ใหม่เป็น สุ่มตัวเลข+วันที่ $newname =$numrand.$date1.$type; $path_copy=$path.$newname; $path_file_img="img/".$newname; //คัดลอกไฟล์ไปยังโฟลเดอร์ move_uploaded_file($_FILES['img']['tmp_name'],$path_copy); }else{ $newname = $file1;//ถ้าไม่เลือกรูปให้กลับเป็นรูปเดิม } |
คลิปต้นฉบับ
ตอนที่ 1
ตอนที่ 2