function getpic(){ var picx = document.getElementById('file').value; var picxx =""; picxx +="<img style='width:100px; height:100px;' src='/"+picx+" '/>"; alert(picxx); document.getElementById("x").innerHTML=picxx; } <input type="file" name="file" id="file" /><input style="height:25px; width:50px;" type="button" name="view" id="view" onclick="getpic()" /> <div id="x"></div>
<html> <head> <title>ThaiCreate.Com Tutorial</title> </head> <body> <form name="frmMain" action="" method="post"> <script language="JavaScript"> function showPreview(ele) { 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>
<html> <head> <title>ThaiCreate.Com Tutorial</title> </head> <body> <form name="frmMain" action="" method="post"> <script language="JavaScript"> function showPreview(ele) { document.frmMain.imgAvatar.src=ele.value; alert(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>
<html> <head> <title>ThaiCreate.Com Tutorial</title> </head> <body> <form name="frmMain" action="" method="post"> <script language="JavaScript"> function showPreview(ele) { var img = document.getElementById("imgAvatar") img.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>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง