Estou criando o formulário de registro de produtos de um site, e nele, todos os formulários são submetidos por ajax à uma api. O problema é que nesse formulário em específico eu preciso enviar imagens para o servidor. Estou tentando utilizar o objeto FormData para o envio, mas sem sucesso. Segue o código javascript que eu estou utilizando:
$("#formProduto").submit((e) => {
var formProduto = document.getElementById('formProduto');
var formData = new FormData(formProduto);
$.ajax("/admin/produto/api", {
type: "POST",
data: formData,
success: (data) => {
//Sucesso
}
}
return e.preventDefault();
});
Utilizando data: $("#formProduto").serialize()
(sem o arquivo, claro) o ajax funciona normalmente, quando eu troco pelo código acima ele apenas ignora o e.preventDefault();
e submita o form pra própria página.