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
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
Share Improve this question edited Nov 9, 2017 at 9:19 Cash Dogg 1751 gold badge2 silver badges11 bronze badges asked Jul 24, 2013 at 12:36 Anurag SinghAnurag Singh 7276 gold badges10 silver badges27 bronze badges 2 |1 Answer
Reset to default 28The 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: http://php.net/manual/en/features.file-upload.php
$_POST[]and$_FILES[]. – Barmar Commented Jul 24, 2013 at 12:38