我成功使用以下代码(具有不同的ID等)在PHP使用AJAX验证上传后在div中预览横幅图像。这很好。没有问题。
我在处理视频时遇到问题。下面的代码效果很好,但视频无法预览。只是回显alt标签值。我正在通过ajax函数将上传的视频ID传递给隐藏的输入,以进行后端PHP验证。验证后,视频将被移至我希望其移动到的文件夹,而不会出现问题。如果视频不符合要求,我也会回显错误。一切都很好。视频只是没有显示在页面上。任何帮助表示赞赏。
<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="">
没关系。经过3天的研究,它只是在我的后端php echo中使用了错误的标签。该代码有效。如果您遇到它,请随时使用它。让我知道您是否想要其他作品。