Я успешно использую следующий код (с разными идентификаторами и т. Д. c.) Для предварительного просмотра изображения баннера в div после того, как PHP подтвердит загрузку, используя AJAX. Это работает просто отлично. Без вопросов.
У меня проблема с тем же видео. Код ниже работает хорошо, за исключением того, что видео не просматривается. Просто верните значение тега alt. Я передаю идентификатор загруженного видео на скрытый вход для некоторой проверки PHP с помощью функции ajax. После проверки видео перемещается в папку, в которую я хочу переместить его без проблем. Я также повторяю ошибку, если видео не соответствует требованиям. Это все хорошо. Видео просто не отображается на странице. Любая помощь приветствуется.
<div>Upload Video</div>
<div><input type="file" id="banner-video"></div>
<div id="loading"></div>
<div class="padding-top-1" id="show-video"></div>
<script>
$(document).ready(function() {
$("#banner-video").change(function() {
var data = new FormData();
data.append("file", $("#banner-video")[0].files[0]);
$.ajax({
url: "create-promotions/video-banner-promotions/create-promotion.video.process-banner-video.php",
method: "POST",
data: data,
contentType: false,
processData: false,
cache: false,
beforeSend: function() {
$("#loading").load("../loading.php");
},
success: function(data) {
$('#loading').hide()
$('#show-video').html(data); // ********** This line seems to be the problem
if ($('#show-video').find('img').length) {
bannerVideo = $('#show-video').html(data);
document.getElementById("the-banner-video").value =
bannerVideo
}
}
});
});
});
</script>
<input type="hidden" id="the-banner-video" value="">