$(document).ready(function(){
$("#submit").click(function() {
var fileInput = document.getElementById('image_field');
var file = fileInput.files[0];
var formData = new FormData();
formData.append('file', file);
var description= $("input#description").val();
formData.append('description', description);
$.ajax({
url: "http://localhost:8080/echo",
type: "POST",
data: formData,
processData: false,
contentType: false,
success: function(response) {
if(response) {
alert(response);
}
},
error: function (jqXHR, textStatus, errorThrown) {
console.log('Error: ' , errorThrown);
}
});
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="file" id="image_field"><br><br><br>
<input type="text" id="description"><br><br>
<input type="submit" id="submit" value="Submit">
Для этого можно использовать вызовы ajax.Я надеюсь, что это поможет вам.