Javascript 文件上传ajax php post

如何使用AJAX、Javascript和PHP发布数据和文件

我可以发布数据输入“name”和“lname”，但不能发布文件“myfile”

我有一个名为“input.php”的输入页面和一个名为“posit.php”的帖子页面

input.php

我的html：

<form method="post" name="form" action="postit.php" enctype="multipart/form-data">
    <input type="text" name="name" id="name" placeholder="Name" >
    <input type="text" name="lname" id="lname" placeholder="lname">
    <input type="file" name="myfile" id="myfile" placeholder="myfile">

    <button type="button" onclick="myFunction()">Save</button><br>
</form>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

posit.php

<?php 
$name = $_POST['name']; 
$lname = $_POST['lname']; 
$myfile = $_FILES['myfile']['name'];
?>

请参阅本主题创建新的formdata对象

var formdata=new formdata（$（“#FormID”）[0]）将文件追加到formdata
formdata.append（'myfile'，$（'#myfile'）[0]。文件[0]）
set
data:formdata
在你的ajax上setuo#Muhammet Can TONBUL-答案只是关于文件传输，而不是关于数据和文件传输。#Masivuye Cokile-我如何在我的代码中实现你的答案？
<?php 
$name = $_POST['name']; 
$lname = $_POST['lname']; 
$myfile = $_FILES['myfile']['name'];
?>