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

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