<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <?php include "include/temp.php" ?> <script> function add(){ $.post("ab.php", { add: $("#add").val(), name: $("#name").val(), filUpload: $("#filUpload").val() }, function(data){ $("#ADD").html(data) } ); } </script> </head> <body> <div id="ADD"></div> <input id="name" type="text"> <input id="filUpload" type="file"> <input type="submit" name="add" id="add" class="btn btn-info" onclick="add()" value="เพิ่มข้อมูลพนักงาน"> </body> </html>
<form method="post" enctype="multipart/form-data" action="upload-process.php" class="upload-form"> <input type="file" required="" name="content_xml"> <div> <button type="submit" class="btn btn-primary" onclick="return ajaxUpload();">Upload</button> </div> </form>
function ajaxUpload() { var formData = new FormData($('.upload-form')[0]); $.ajax({ url: 'upload-process.php', type: 'POST', data: formData, dataType: 'json', processData: false, contentType: false, success: function(response) { console.log(response); } }); return false; }
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
หรือไม่ลองหาพวก jQuery UI มาใช้นะครับ มีอยู่หลายตัว 
