Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 107,510

HOME > PHP > PHP Forum > สอบถามเกี่ยวกับการส่งรูปผ่าน modal BS กับ jquery หน่อยครับ มีรูปด้านในครับ





 

สอบถามเกี่ยวกับการส่งรูปผ่าน modal BS กับ jquery หน่อยครับ มีรูปด้านในครับ

 



Topic : 123692



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



สถานะออฟไลน์




Form ส่งค่า พอดีว่าผมส่งค่าไปมันไม่มีอะไรออกมา แต่ถ้าไม่ใช่รูปภาพ สามารถส่งไปได้
ไม่ทราบว่าต้องแก้ยังไงครับ ขอบคุณครับ

BS edit form

Code (PHP)
<div class="modal fade" id="edit_profile" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="frm_title">edit </h4>
      </div>
      <div class="modal-body">
      		<form  id="updateprofile" method="post" enctype="multipart/form-data">	      		
				  <div class="form-group" style="padding-top: 30px;padding-bottom: 30px;">
				  	<label class="control-label col-sm-3" >เลือกรูปใหม่:</label>
				  	 	<div class="col-sm-9"> 
				  		<input class="form-control" id="imges" type="file" name="imges"  />
				  	</div>
				  </div>
	      	</form>      		
      </div>
      <div class="modal-footer">
        <button style='margin-left:10px;' type="button" class="btn btn-primary col-sm-2 pull-right" id="profileupdate">แก้ไข</button>
        <button type="button" class="btn btn-danger col-sm-2 pull-right" data-dismiss="modal" id="profile_cancel">ยกเลิก</button>
      </div>
    </div>
  </div>
</div>

<script type="text/javascript">
	
	$("#profileupdate").click(function(){
		$.post("profileupdate.php",
			$("#updateprofile").serialize(),function(data){
				alert(data);
			}
		)
	});
</script>


ไฟล์รับค่า profileupdate.php
Code (PHP)
  echo $imges = $_FILES['imges'];




Tag : PHP







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2016-07-04 17:15:46 By : banditt View : 791 Reply : 4
 

 

No. 1



โพสกระทู้ ( 5,093 )
บทความ ( 4 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


ข้อเสียของการส่งค่าแบบ $.post ของ jquery คือไม่สามารถรับส่งค่า จาก input type="file" ลองเอาปัญหานี้ไป search ก็น่าจะเจอทางแก้ครับ

- คงตั้งสร้างฟอร์มให้ modal ครับ
ลองศึกษาเพิ่มเติม
http://stackoverflow.com/questions/10899384/uploading-both-data-and-files-in-one-form-using-ajax
http://stackoverflow.com/questions/2320069/jquery-ajax-file-upload








ประวัติการแก้ไข
2016-07-05 00:07:26
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-07-05 00:03:34 By : apisitp
 


 

No. 2



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



สถานะออฟไลน์


img_delete

แสดงรูปภาพ Responsive เพื่อลบไฟล์
พอลบแล้วก็โชว์ input->file
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-07-05 08:23:53 By : fossil31
 

 

No. 3



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



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 1 เขียนโดย : apisitp เมื่อวันที่ 2016-07-05 00:03:34
รายละเอียดของการตอบ ::
ได้แล้วครับ ขอบคุณแนวทางครับ


Code (PHP)
<?php
	session_start();
	$username = $_SESSION["login"];
	foreach($username as $key=>$value){
		$firstname = $value["firstname"];
		$nicname = $value["nicname"];
		$lastname = $value["lastname"];
		$img = $value['img'];
		$id_pro = $value['id'];
	}
?>
<div class="modal fade" id="edit_profile" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="frm_title">โปรไฟล์ <?php echo $firstname ;?> </h4>
      </div>
      <div class="modal-body">
      		<form id="uploadForm" action="profileupdate.php" method="post">
				<div class="form-group" style="padding-bottom: 30px;">
				    <label class="control-label col-sm-3">ชื่อจริง:</label>
				    <div class="col-sm-9"> 
				      <input class="form-control" type="text" name="firstname" value="<?php echo $firstname ;?>" />
				    </div>
				 </div>	
				 <div class="form-group" style="padding-bottom: 30px;">
				    <label class="control-label col-sm-3" >นามแฝง:</label>
				    <div class="col-sm-9"> 
				      <input class="form-control" type="text" name="nicname" value="<?php echo $nicname ;?>" />
				    </div>
				 </div>		
				 <div class="form-group" style="padding-bottom: 30px;">
				    <label class="control-label col-sm-3" >นามสกุล:</label>
				    <div class="col-sm-9"> 
				      <input class="form-control" type="text" name="lastname" value="<?php echo $lastname ;?>" />
				    </div>
				 </div>	
				  <div class="form-group" style="padding-bottom: 30px;">
				  	<label class="control-label col-sm-3" >รูปเก่า:</label>
				  	<div class="col-sm-9"> 
				  		<div class="col-sm-6" style="height: 70px">
				  			<img class="img-responsive img-thumbnail" src="<?php echo $img;?>" width="70" heidht="70"  />
				  		</div>
				  		<div class="col-sm-6" style="height: 70px">
				  			<img class="img-responsive img-thumbnail" id="img_new" src="img/member/img_edit.png" width="70" height="70"/>
				  		</div>
				  	</div>
				  </div>
				  <p></p><br />
				  <div class="form-group" style="padding-top: 30px;padding-bottom: 30px;">
				  	<label class="control-label col-sm-3" >เลือกรูปใหม่:</label>
				  	 	<div class="col-sm-9"> 
				  		<input class="form-control" id="imges" type="file" name="imges" onchange="readURL(this);" />
				  	</div>
				  </div>		
      </div>
      <div class="modal-footer">      
      	<button style='margin-left:10px;' type="submit" class="btn btn-primary col-sm-2 pull-right" id="profileupdate">แก้ไข</button>
		</form>
		<button type="button" onclick="defultprofile();" class="btn btn-danger col-sm-2 pull-right" data-dismiss="modal" id="profile_cancel">ยกเลิก</button>
		<div id="successfully"></div>
     </div>
    </div>
  </div>
</div>
<script type="text/javascript">
	function readURL(input) {
	  if (input.files && input.files[0]) {
	    var reader = new FileReader();
	    reader.onload = function (e) {
	    	
	      $('#img_new')
	        .attr('src', e.target.result)
	        .width(70)
	        .height(70);
	    };
	    reader.readAsDataURL(input.files[0]);
	  }
	}
	function defultprofile(){	
		document.getElementById("img_new").src = "img/member/img_edit.png";		
	}
	$(document).ready(function (e){
		$("#uploadForm").on('submit',(function(e){
			e.preventDefault();
			$.ajax({
				url: "profileupdate.php",
				type: "POST",
				data:  new FormData(this),
				contentType: false,
				cache: false,
				processData:false,
				success: function(data){
				$("#successfully").html(data);
				$('.modal.in').modal('hide');
				},
				error: function(){} 	        
			});
		}));
	});
</script

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-07-05 09:02:38 By : banditt
 


 

No. 4



โพสกระทู้ ( 73,941 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-07-05 09:30:33 By : mr.win
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามเกี่ยวกับการส่งรูปผ่าน modal BS กับ jquery หน่อยครับ มีรูปด้านในครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม

Load balance : Server 00
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2019 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 08-9968-0655 อัตราราคา คลิกที่นี่