<html> <head> <title>ThaiCreate.Com Tutorial</title> </head> <body> <form name="frmMain" action="" method="post"> <script language="JavaScript"> function showPreview(ele) { alert(document.frmMain.filUpload.value); document.frmMain.imgAvatar.src=ele.value; } </script> <input type="file" name="filUpload" OnChange="showPreview(this)"> <input type="submit" name="btnSubmit" value="Submit"> <hr> <img id="imgAvatar"> </form> </body> </html>
if (ele.files && ele.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $('#imgAvatar').attr('src', e.target.result); } reader.readAsDataURL(ele.files[0]); }
if (ele.files && ele.files[0]) { var reader = new FileReader(); //สร้างตัวอ่านไฟล์ในตัวแปร reader reader.onload = function (e) { // เมื่อตัวอ่านไฟล์ถูกโหลด ให้ทำงานดังฟังก์ชันต่อไปนี้ $('#imgAvatar').attr('src', e.target.result); //ที่ id imgAvatar ให้กำหนดที่อยู่เป็นข้อที่ได้จากไฟล์เป้าหมาย } reader.readAsDataURL(ele.files[0]); //สั่งให้ reader อ่านไฟล์จาก ele.files[0] เป็น base64 data }
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
Load balance : Server 03
