Javascript Ajax FormData

Question

У меня есть этот код в нем, как отправить значение формы в файл php.

<form role="form" id="upload_form" method="post" enctype="multipart/form-data"> 

    <div class="form-group"> 
    <label for="formlabel">Title</label> 
    <input class="form-control" name="title" id="title" placeholder="Enter Software Name" type="text" value="<?php if(isset($title)){echo $title;}?>" required> 
    </div> 

    <div class="form-group"> 
    <label>Short Meta Description atleast 155 words</label> 
    <textarea class="form-control" name="shortdec" id="shortdec" rows="3" required><?php if(isset($shortdec)){echo $shortdec;}?></textarea> 
</div> 


    <div class="form-group"> 
    <label>File input</label> 
    <input name="softpost" id="softpost" type="file" required> 
</div> 


    <input type="button" value="Upload File" onclick="uploadFile()"> 
     <progress id="progressBar" value="0" max="100" style="width:300px;"></progress> 
     <h3 id="status"></h3> 

в JavaScript файл работы файл отлично данных, но я хочу, чтобы отправить также заголовок и значение shortdec ID также скажите, пожалуйста, как это сделать

var formdata = new FormData(); 
    formdata.append("softpost", file); 

Answer 1

Если я правильно Вас понял, вы хотите отправить «нормальный» материал с файлами.

Ну, это очень легко:

formdata = new Formdata(); 
formdata.append('softpost', file) 
formdata.append('name', 'My super file') 

Вот так!

Matt

Answer 2

Вы можете сделать это с помощью,

Jquery

$("form#upload_form").submit(function(){ 
    //Fetch Form Data i.e it will include all the form elements including file and other form inputs 
    var formData = new FormData($(this)[0]); 
    .........AJAX CALL........... 
    return false; 
}); 

JavaScript

var form = document.getElementById("upload_form"); 
var formData = new FormData(form); 

new FormData($(this)[0]); Просто используйте для получения полей формы и продолжения нормального вызова AJAX. Теперь вы можете получить элемент заголовка, файла и описания на своем базовом PHP-коде.