Здесь HTML-форма использует HTML-файл для загрузки изображения ...
<html>
<head>
<script src="js/jquery-3.3.1.min.js"></script>
</head>
<body>
<form method="" action="" enctype="multipart/form-data" id="eventImageForm">
<label for="event"><p><b>Update Event Below: </b></p></label>
<input type="text" class="eventTextBox" id="updateEvent" name="event" placeholder="Update Event" />
<input type="file" id="eventUpdateImgFile" name="updateEventImageFile" />
<input type="submit" class="eventUpdateBtn" id="btnUpdate" name="eventUpdateSubmit" value="Update"></input>
</form>
<div class="updateResult">
</div>
Ниже приведен код jquery ajax, который получает информацию о html-файле из html-формы выше, и я хочу получить подробную информацию об элементе file, когда пользователь нажимает кнопку обновления. когда загрузка прошла успешно ...
<script>
$(document).ready(function(){
$("#btnUpdate").click(function(e){
e.preventDefault();
var formData = new FormData($("#eventImageForm")[0]);
$.ajax({
url: "update.php",
type: "POST",
data: formData,
contentType: false,
processData: false,
success: function(){
//Here i want the file element upload details to be displayed...
$(".updateResult").css('display', 'block').html("Data Updated ");
}
})
});
});
</script>
</body>
</html>
Пожалуйста, кто-нибудь может мне помочь, как получить подробности файла ...
пожалуйста ...