<html> <head> <title>ThaiCreate.Com Tutorial</title> </head> <script type="text/javascript" > function validate(){ var check_image=document.form1.image_upload.value; var status=false; if (check_image == '') { alert("Please image_upload an image"); return(status); } else { var Extension = check_image.substring( check_image.lastIndexOf('.') + 1).toLowerCase(); //The file image_uploaded is an image if (Extension == "gif" || Extension == "png" || Extension == "bmp" || Extension == "jpeg" || Extension == "jpg") { // To Display if (check_image.files && check_image.files[0]) { var reader = new FileReader(); reader.onload = function(e) { $('#blah').attr('src', e.target.result); } reader.readAsDataURL(fuData.files[0]); } } //The file image_upload is NOT an image else { alert("Photo only allows file types of GIF, PNG, JPG, JPEG and BMP. "); return(status); } } document.form1.submit(); } </script> <body> <form name="form1" action="PageUploadToMySQL2.php" method="post" onsubmit="return validate()" enctype="multipart/form-data" > <input type="file" name="image_upload[]" multiple="multiple" accept="image/*"/><br/> <input type="submit" value="submit"/> </form> </body> </html>
<html> <head> <title>ThaiCreate.Com Tutorial</title> </head> <body> <?php if(isset($_FILES['image_upload']['name'])){ $count=count($_FILES['image_upload']['name']); for($i=0; $i<$count; $i++){ echo $count; $name=$_FILES['image_upload']['name'][$i]; $tem=$_FILES['image_upload']['tmp_name'][$i]; move_uploaded_file($tem,'images/'.$name); ?> <img src="images/<?php echo $name; ?>" <?php } } ?> </body> </html>
<script language="javascript"> var checksize = 0; function handleFileSelect(evt) { var files = evt.target.files; // FileList object var output = []; for (var i = 0, f; f = files[i]; i++) { if(f.size > 409600){ checksize = 1; break; }else{ checksize = 0; } } } document.getElementById('files').addEventListener('change', handleFileSelect, false); </script> <script language="javascript"> function fnSubmit(){ if(document.form1.files.value == '') { alert("โปรดเลืือกไฟล์"); return false; } if(checksize == 1){ alert("ไฟล์ที่เลือกมีขนาดเกิน 400 KB"); return false; } document.form1.submit(); } </script>
<?php if(isset($_FILES['image_upload'])){ echo '<pre>' , print_r($_FILES, true), '</pre>'; exit; } ?> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test Mulitiple Upload</title> <script> function validate(){ var up_files=document.getElementById('upfile').files; if( up_files.length<1){ alert('Theres is not Select Files'); return false; } var ext_reg = /(.jpg|.png|.bmp)$/; for( var i=0; i<up_files.length; i++){ alert( 'File ' + up_files.item(i).name + ' size = ' + up_files.item(i).size ); if( !ext_reg.test(up_files.item(i).name)){ alert( 'File ' + up_files.item(i).name + ' is not image file' ); return false; } if( up_files.item(i).size>1000000){ alert( 'File ' + up_files.item(i).name + ' size = ' + up_files.item(i).size + "\n" + ' It is over 1 m ' ); return false; } } } </script> </head> <body> <form name="form1" method="post" onsubmit="return validate()" enctype="multipart/form-data" > <input type="file" name="image_upload[]" id="upfile" multiple="multiple" accept="image/*"/><br/> <input type="submit" value="submit"/> </form> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง