<script language="javascript"> $(document).ready(function(){ first(); // เมื่อ page ถูกโหลดจะทำฟังก์ชัน first ก่อน $('#btnAdd').click(first); // เมื่อ click จะสร้าง element ขึ้นมาใหม่(สร้างอินพุตใหม่) $('#btnSend').click(send); //เมื่อคลิกจะทำฟังก์ชัน send }); function first(){//ค่าที่ส่งไปเพื่อบันทึกลงฐาน var id = $('#cover div').length+1; // นับว่ามี tag div กี่อันแล้ว แล้ว +1 var wrapper = $("<div id=\"field"+id+"\">"); // สร้าง div var parag = $("<p>แนบไฟล์ที่\...["+id+"\]</p>"); // สร้าง p var text = $("<input type='file' name=\"fileUpload"+id+"\" /> "); // สร้าง input var btnDel = $("<input type='button' value='- ลบ' id=\"btn"+id+"\"/>"); btnDel.click(function(){ $(this).parent().remove(); }); wrapper.append(parag); wrapper.append(text); wrapper.append(btnDel); $('#cover').append(wrapper); } function send(){ //นับ div ทั้งหมดก่อนส่ง var id= $('#cover div').length; var hiddens = $("<input type='hidden' name='hidden' value=\""+id+"\"/>"); $('form').append(hiddens); $('form').submit(); } </script>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="/asset/js/jquery-1.11.3.min.js" type="text/javascript"></script> <script language="javascript"> $(document).ready(function(){ first(); // เมื่อ page ถูกโหลดจะทำฟังก์ชัน first ก่อน $('#btnAdd').click(first); // เมื่อ click จะสร้าง element ขึ้นมาใหม่(สร้างอินพุตใหม่) $('#btnSend').click(send); //เมื่อคลิกจะทำฟังก์ชัน send }); function first(){//ค่าที่ส่งไปเพื่อบันทึกลงฐาน var id = $('#cover div').length+1; // นับว่ามี tag div กี่อันแล้ว แล้ว +1 var wrapper = $("<div id=\"field"+id+"\">"); // สร้าง div var parag = $("<p>แนบไฟล์ที่\...["+id+"\]</p>"); // สร้าง p var text = $("<input type='file' name=\"fileUpload"+id+"\" /> "); // สร้าง input var btnDel = $("<input type='button' value='- ลบ' id=\"btn"+id+"\"/>"); btnDel.click(function(){ $(this).parent().remove(); }); wrapper.append(parag); wrapper.append(text); wrapper.append(btnDel); $('#cover').append(wrapper); } function send(){ //นับ div ทั้งหมดก่อนส่ง var id= $('#cover div').length; var hiddens = $("<input type='hidden' name='hidden' value=\""+id+"\"/>"); $('form').append(hiddens); $('form').submit(); } </script> </head> <body> <div id="cover" ></div> <input type="button" id="btnAdd" value="++เพิ่ม" /> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง