<!DOCTYPE HTML> <html> <head> <title>ThaiCreate.Com</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> </head> <body> <script type="text/javascript"> $(function(){ Test = { UpdatePreview: function(obj){ // if IE < 10 doesn't support FileReader if(!window.FileReader){ // don't know how to proceed to assign src to image tag } else { var reader = new FileReader(); var target = null; reader.onload = function(e) { target = e.target || e.srcElement; $("#pic1").prop("src", target.result); }; reader.readAsDataURL(obj.files[0]); } } }; }); </script> <script type="text/javascript"> $(function(){ var chk=0; $("#addRow").click(function(){ if(chk>6){ alert("ข้อมูลเกินที่กำหนด"); return false; } var NR =""; NR="<tr>"; // <img id="pic1"src="#" alt="รูปภาพ" width="128" height="128" /> // <br> // เลือกไฟล์ที่ต้องการ : <input type='file' name='browse' onchange='Test.UpdatePreview(this)' /> NR+="<td width=\"60\">";NR+="<img name=\"pic[]\" id=\"pic1\" src=\"#\" alt=\"รูปภาพ\" width=\"128\" height=\"128\" />";NR+="</td>"; NR+="<td width=\"60\">";NR+="<input type=\"file\" name=\"browse[]\" id=\"browse\" onchange=\"Test.UpdatePreview(this)\" />";NR+="</td>"; NR+="<td width=\"60\">"; NR+="<input type=\"text\" name=\"Scholarships_year[]\" id=\"Scholarships_year\" size=\"10\" />"; NR+="</td>"; NR+="<td width=\"120\">"; NR+="<input type=\"text\" name=\"Scholarships_name[]\" id=\"Scholarships_name\" size=\"20\" />"; NR+="</td>"; //NR+="<td width=\"120\">"; NR+="<input type=\"text\" name=\"Scholarships_kind[]\" id=\"Scholarships_kind\" size=\"20\" />"; NR+="</td>"; //NR+="<td width=\"120\">"; NR+="<input type=\"text\" name=\"Scholarships_money[]\" id=\"Scholarships_money\" size=\"20\" />"; NR+="</td>" ; NR+="</tr>";chk++; //$("#myTbl").append($("#firstTr").clone()); $("#myTbl").append($(NR)); }); $("#removeRow").click(function(){ if($("#myTbl tr").size()>1){ $("#myTbl tr:last").remove() ;chk--; }else{ alert("ไม่มีตารางให้ท่านลบแล้ว"); } }); $('input[name="toon"]').click(function(){ var Ck = $(this).val(); if(Ck=="no"){ $('#DivTable').hide(); }else{ $('#DivTable').show(); } }); }); </script><br /> <div id="DivTable"> <table id="myTbl" width="600" border="1" align="center"> <tr> <td align="center">ภาพ</td> <td align="center">เลือกไฟล์</td> <td align="center">ชื่อภาพ</td> <td align="center">คำบรรยาย</td> </tr> </table> <p align="center"> <button id="prev" type="prev">กลับหน้าหลัก</button> <button id="addRow" type="button">+</button> <button id="removeRow" type="button">-</button> <button id="submit" type="submit">บันทึก</button> </p> </div> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
Load balance : Server 00
Load balance : Server 00
