//script <script> $(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='- del' 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>
<div class="row clearfix"> <div class="col-sm-6"> <div class="form-group"> <div class="form-line"> <div id="cover"></div> </div> </div> </div> <div class="col-sm-6"> <div class="form-group"> <div class="form-line"> <input type="button" id="btnAdd" value="+เพิ่ม" /> </div> </div> </div> </div>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง