Tenho o seguinte código que implementei de teste antes de colocar no meu projeto:
index.php
<form method="post" id="formulario" enctype="multipart/form-data">
<input name="nome" type="text"/>
<input name="img" type="file"/>
<button> Enviar</button>
</form>
<script src="jquery.min.js"></script>
<script>
$(function()
{
$('#formulario').submit(function(e)
{
var formData = new FormData(this);
$.ajax(
{
url: "recebe.php",
type: "POST",
data: formData,
success: function(result)
{
alert(result);
}
});
e.preventDefault();
});
});
</script>
recebe.php
<?php
foreach($_POST as $value)
{
echo $value." - ";
}
foreach($_FILES['img'] as $value)
{
echo $value." + ";
}
if (move_uploaded_file($_FILES['img']['tmp_name'], 'teste.jpg')) {
echo "Sucesso";
}
O objetivo é fazer o upload da imagem sem ter que recarregar a página. Tentei criando um FormData
e enviando ele por ajax
, mas o alert
do retorno sequer é exibido. Não sei qual é o erro.