Estou desenvolvendo uma aplicação na qual, por questões de estética precisei recriar alguns elementos para poder personalizar corretamente cada especialmente <select>
e <option>
.
Então preciso passar o formulário captando a data manualmente. Para isso, estou usando:
$('#criarConta').click(function(){
$.ajax({
url: "empregador.php",
type: "POST",
data: {
nome: $('#nomeSign').val(),
email: $('#emailSign').val(),
senha: $('#passSign').val(),
local: $('#localInput').val(),
site: $('#siteInput').val(),
tipo: $('#tipoPerfil').data('selected'),
ramo: $('ramoInput').data('selected'),
profilepic: $('profilePicInput').val()
},
contentType: false,
cache: false,
processData:false,
success: function(data){
console.log(data);
}
});
});
Coloquei esse profilepic
aí pra verem onde eu pretendo chamar a imagem. Até onde sei, o .val()
só vai recuperar o path do arquivo, não ele em si.
Como resolver meu caso?
arquivo/file
?let form = new FormData(); form.append("campo", $('#input').val()); form.append("file", $("input2").prop('files')[0]);