Hello everyone I am posting a sample code in which I am uploading a file using Ajax JQuery. All thing works fine but I want to read the file content in my php code. So what is the syntax to read it?
<?php
?>
<!--================================html==================================================-->
<html>
<head>
<title>AJAX UPLOAD</title>
<script type="text/javascript" src="jquery-2.0.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#Button_').click(function(){
alert("hi");
var name= document.getElementById('File_');
var alpha=name.files[0];
console.log(alpha.name);
var data= new FormData();
data.append('file',alpha);
$.ajax({
url:'process.php',
data:data,
processData:false,
contentType:false,
type:'POST',
success:function(msg){
alert(msg);
}
});
});
});
</script>
</head>
<body>
<input type="file" name="File" id="File_"/>
<input type="button" name="Button" id="Button_" value="UPLOAD">
</body>
</html>
Now I do not know how to read the file data sent via Ajax. So please let me know the code
1 Answer
The first argument you pass to FormData.append() is the name of the form element that is passed to the server. So data.append('file', alpha) in your case is equivalent to <input type="file" name="file"> - you passed 'file' to append() so 'file' is your input name.
You should find your stuff in $_POST['file'] and $_FILES['file']. Next time try var_dump($_POST); after submit to see the array. :)
Learn about file uploads in php here:
