<!--#include file="userheader.asp"--> <!--#include file="usermenu.asp"--> <td class="f2"> <form method="post" action="" enctype="multipart/form-data" name="buying"> <script language="JavaScript"> function showPreview(ele) { document.buying.imgAvatar.src=ele.value; } </script> <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td> รายละเอียดหนังสือ </td> <td> <textarea name="txtbook" rows="5" cols="50"></textarea> </td> </tr> <tr> <TD colspan="2"><img id="imgAvatar"></td> </tr> <tr> <TD>รูป</td> <TD><input type="file" name="file1" onchange="showPreview(this)"></td> </tr> <tr> <TD>เอกสารแนบ</td> <TD><input type="file" name="file2"></td> </tr> <tr> <TD colspan="2"><input type="submit" value="ตกลง"></td> </tr> </table> </form> </td> </tr> </table> <!--#include file="footer.asp"-->
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <script type="text/javascript"> function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $('#blah').attr('src', e.target.result); } reader.readAsDataURL(input.files[0]); } } </script> <body> <form id="form1" runat="server"> <input type='file' onchange="readURL(this);" /> <img id="blah" src="#" alt="your image" /> </form> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง