<form method="post" enctype="multipart/form-data">
<input type="file" name="book_photo" id="book_photo" value="">
<input id="uploadbutton" type="button" value="Upload"/>
</form>

<script>
$(document).ready(function () {
  $("#uploadbutton").click(function () {
  var book_photo = $("#book_photo").val();
  alert(book_photo);
  $.ajax({
       type: "POST",
       url: "ajax.php",
	   enctype: 'multipart/form-data',
       data: ({
				'book_photo' : book_photo
			}),
       success: function(msg){
		//alert( "Data Saved: " + msg ); //Anything you want
       }
     })
  });
});
</script>

<?php
if($_FILES['book_photo']['size']>0) {
	echo'
		<script type="text/javascript">
alert("hello world");		</script>
	';
}
?>

<script>

  $("#add_elem").click(function(){
 
  $("#first").after('<tr><form method="post"><td><input type="text" name="author_name" id="author_name"></td><td><input type="text" name="author_surname" id="author_surname"></td><td><input type="text" name="author_patronymic" id="author_patronymic"></td><td><input type="text" name="book_name" id="book_name"></td><td><select name="book_rubric" id="book_rubric"><?php foreach($rubric_list as $k=>$rubric):?><option value="<?=$rubric['idRubric']?>"><?=$rubric['rubric']?></option><?php endforeach;?></select></td><td><input type="file" name="book_photo" id="book_photo"></td><td><input type="button" name="add_book" id="add_book" value="Save" onClick="addBook(this); return false;"></td></form></tr>');
  });

function addBook(x2){
	var parent = $(x2).parent().parent();
	
	var author_name = parent.find("#author_name").val();
	var author_surname = parent.find("#author_surname").val();
	var author_patronymic = parent.find("#author_patronymic").val();
	var book_name = parent.find("#book_name").val();
	var book_photo = parent.find("#book_photo").val();
	var book_rubric = parent.find("#book_rubric").val();
	
	$("#add_book").parent().remove();
	
		/*$.ajaxFileUpload({
         url         :'http://mysite/codeigneter/index.php/book/add_book',
         secureuri      :false,
         fileElementId  :'book_photo',
         dataType    : 'json',
         data        : {
           		'author_name' : author_name,
				'author_surname' : author_surname,
				'author_patronymic' : author_patronymic,
				'book_name' : book_name,
				'book_photo' : book_photo,
				'book_rubric' : book_rubric
         },
         success  : function (data, status)
         {
           // alert(data.fname);
			//alert(data.idBook);
			if(data.fname!=''){
				$("#book_photo").before("<img src='http://work/uploads/"+data.fname+"' width='50px' height='50px'>");
         	}
			//$("#photo_"+book_id).attr("src","http://work/uploads/"+data.fname);
				$("#book_photo").parent().after('<td><input type="button" name="update_book" id="update_book" value="Update" onClick="updateBook('+data.idBook+', this); return false;"></td>');
				$("#update_book").after('<input type="button" name="delete_book" id="delete_book" value="Delete" onClick="delBook('+data.idBook+', this); return false;">');
		 }
      });
     return false;*/

		
		}