使用Ajax和PHP上传图像
我想上传一个图像到我的服务器,并控制我的HTML代码中的PHP回声。为此,我想使用jqueryajax,但我不知道如何使用Ajax将图像发送到PHP。这是一个大学项目,所以我不能使用任何类型的插件 我的实际代码: HTML使用Ajax和PHP上传图像,php,jquery,ajax,file-upload,Php,Jquery,Ajax,File Upload,我想上传一个图像到我的服务器,并控制我的HTML代码中的PHP回声。为此,我想使用jqueryajax,但我不知道如何使用Ajax将图像发送到PHP。这是一个大学项目,所以我不能使用任何类型的插件 我的实际代码: HTML <form action="upload_file.php" method="post" enctype="multipart/form-data"> <label for="file">Filename:</label>
<form action="upload_file.php" method="post"
enctype="multipart/form-data">
<label for="file">Filename:</label>
<input type="file" name="file" id="file"><br>
<input type="submit" name="submit" value="Submit">
</form>
看起来像是重复的我尝试使用FormData(),但它是$temp=explode(“.”,$\u FILES[“file”][“name”]);如何在PHP上接收这些数据?当然,您可以通过搜索
PHP upload ajax
define('MB', 1048576);
$allowedExts = array("gif", "jpeg", "jpg", "png");
$temp = explode(".", $_FILES["file"]["name"]);
$extension = end($temp);
if ((($_FILES["file"]["type"] == "image/gif")
|| ($_FILES["file"]["type"] == "image/jpeg")
|| ($_FILES["file"]["type"] == "image/jpg")
|| ($_FILES["file"]["type"] == "image/pjpeg")
|| ($_FILES["file"]["type"] == "image/x-png")
|| ($_FILES["file"]["type"] == "image/png"))
&& ($_FILES["file"]["size"] < 1*MB)
&& in_array($extension, $allowedExts))
{
if ($_FILES["file"]["error"] > 0)
{
echo "Return Code: " . $_FILES["file"]["error"] . "<br>";
}
else
{
echo "Upload: " . $_FILES["file"]["name"] . "<br>";
echo "Type: " . $_FILES["file"]["type"] . "<br>";
echo "Size: " . ($_FILES["file"]["size"] / 1024) . " kB<br>";
echo "Temp file: " . $_FILES["file"]["tmp_name"] . "<br>";
if (file_exists("../public/images/productos/" . $_FILES["file"]["name"]))
{
echo $_FILES["file"]["name"] . " already exists. ";
}
else
{
move_uploaded_file($_FILES["file"]["tmp_name"],
"../public/images/productos/" . $_FILES["file"]["name"]);
echo "Stored in: " . "../public/images/productos/" . $_FILES["file"]["name"];
}
}
}
else
{
echo "Invalid file";
}
$(".form").submit(function(){
$.ajax({
url: 'core/ctrlAdmin.php?prodInBD',
type: 'POST',
async: false,
data: ????
success: function(respuesta){
/* RECIVE HERE THE PHP ECHO */
}
});
});
$(".form").submit(function(){
$.ajax({
url: 'core/ctrlAdmin.php?prodInBD',
type: 'POST',
async: false,
data: new FormData(this);
success: function(respuesta){
/* RECIVE HERE THE PHP ECHO */
}
});
});