Pessoal eu preciso de ajuda pela primeira vez não estou conseguindo colocar algo em prática. Preciso fazer com que um formulário que contém <textarea>
e inputs tipo text,number e crucialmente a do tipo file sejam submetidos ao servidor através do AJAX. Mas não consigo enviar por AJAX puro. Tente também com o jquery.form.js mas ele retorna nada. To achando que não entendi o seu funcionamento. Achei outras funções também mas elas submetem apenas arquivos eu não consegui modificar por entendo pouco do JQuery
O formulário seria desse tipo:
<form id="form-add-post" method="POST" enctype="multipart/form-data">
<div class="header-form-add">
<div class="cont-head-right">
<label for="tl-post">Titulo:</label><br/>
<input id="tl-post" name="tl" onblur="$(this) != ''? $(this).css(''):null;" class="input-adm" type="text" placeholder="Como instalar alguma coisa."/>
</div>
<div class="cont-head-left">
<label for="tp-post">Tipo de postagem:</label><br/>
<input id="tp-post" name="tp" onblur="$(this) != ''? $(this).css(''):null;" class="input-adm" type="text" placeholder="Notícia"/>
</div>
</div>
<br/>
<br/>
<textarea id="editor"></textarea>
<label for="tags-post">Tags:</label><br/>
<input id="tags-post" name="tg" onblur="$(this) != ''? $(this).css(''):null;" type="text" class="input-adm" placeholder="Ajax,JSON,JavaScript,PHP,html,JQuery"/>
<br/>
<labe for="img-post">Capa da postagem</labe><br/>
<input id="img-post" type="file" required="" name="img-post" accept="image/*"/>
<div class="limt-img">
<img id="load-Imgpost" name="file" src="" alt="Load img"/>
</div>
<button id="btnsalvepost" type="submit">Salvar</button>
</form>