Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > อยากจะ upload image กด upload ครั้งเดียวอัพได้ทีละหลายๆรูป แต่ก็ติดตรงที่จะเช็คค่า name="image_upload[]" ที่เป็น array ยังไงครับ ผมจะเช็ค ไม่ให้เป็น null และ size ไม่เกิน 10MB ครับ

อยากจะ upload image กด upload ครั้งเดียวอัพได้ทีละหลายๆรูป แต่ก็ติดตรงที่จะเช็คค่า name="image_upload[]" ที่เป็น array ยังไงครับ ผมจะเช็ค ไม่ให้เป็น null และ size ไม่เกิน 10MB ครับ

เริ่มหัวข้อใหม่

โพสกระทู้ ( 39 )
บทความ ( 0 )

หน้า form ผมใช้ <input type="file" name="image_upload[]" multiple="multiple" accept="image/*"/> แต่ผมไม่รู้ว่าจะเช็คค่า array ก่อนส่ง ยังไงครับ ใครรุ้ช่วยบอกหน่อยครับ หรือมีวิธีอื่นที่ง่ายกว่านี้ครับ

Code (PHP)

<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>

หน้ารับ
Code (PHP)

<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>

Tag : PHP

Date : 2015-07-11 01:18:04

By : adiphong1

View : 1170

Reply : 3

No. 1

axyz987

โพสกระทู้ ( 59 )
บทความ ( 0 )

Code (JavaScript)

<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>

อันนี้ของผมเลยกำลังทำอยู่เหมือนกัน เอาของคนอื่นมาประยุกต์ใช้

อ่านี้คับไปหามาให้ ต้นฉบับ http://www.html5rocks.com/en/tutorials/file/dndfiles/

ประวัติการแก้ไข
2015-07-11 05:55:42
2015-07-11 05:56:38
2015-07-11 08:00:06

Date : 2015-07-11 05:54:40

By : axyz987

No. 2

NewbieXYZ

โพสกระทู้ ( 1,636 )
บทความ ( 0 )

image_upload เป็น array ครับ เรียกแบบนี้ไม่ได้
var check_image=document.form1.image_upload.value;

ลองดูอีกซักตัวอย่างนะครับ
Code (JavaScript)

<?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>

Date : 2015-07-11 07:50:22

By : NewbiePHP

No. 3

โพสกระทู้ ( 39 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 1 เขียนโดย : axyz987 เมื่อวันที่ 2015-07-11 05:54:40

รายละเอียดของการตอบ ::

ขอบคุณครับ คุณaxyz987

ตอบความคิดเห็นที่ : 2 เขียนโดย : NewbiePHP เมื่อวันที่ 2015-07-11 07:50:22

รายละเอียดของการตอบ ::

ขอบคุณครับ คุณNewbiePHP

Date : 2015-07-11 16:40:59

By : adiphong1

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : อยากจะ upload image กด upload ครั้งเดียวอัพได้ทีละหลายๆรูป แต่ก็ติดตรงที่จะเช็คค่า name="image_upload[]" ที่เป็น array ยังไงครับ ผมจะเช็ค ไม่ให้เป็น null และ size ไม่เกิน 10MB ครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ