Я пытаюсь добавить несколько файлов входного типа в html, теперь я, какие бы файлы я ни выбирал, я пытаюсь отобразить его в div, я не могу добавить его в div, если выбрать для в первый раз, но функции не работают после этого
вот мой код
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
<title>PDF to DOC – Convert PDF to Word Online</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="google-site-verification" content="5f-XoKwvPY-Qatn1q10DMcCqcWMJwu6b6kHSEQUDBFQ" />
<meta name="msvalidate.01" content="D5D91A439DD2754A4CD969318549EF6E">
<meta name='yandex-verification' content='6aac08a3c0371ef3' />
<meta name="baidu-site-verification" content="J05tdCZinV" />
<meta name="description" content="This free online PDF to DOC converter allows you to convert a PDF document to Microsoft Word DOC format, providing better quality than many other converters.">
<meta property="og:site_name" content="PDF to DOC">
<meta property="og:title" content="Convert PDF to Word Online">
<meta property="og:description" content="This free online PDF to DOC converter allows you to convert a PDF document to Microsoft Word DOC format, providing better quality than many other converters.">
<meta property="og:image" content="images/pdf2doc/icon.png">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link rel="icon" href="images/pdf2doc/favicon.png">
<link rel="shortcut icon" href="images/pdf2doc/favicon.png">
<link href="css/ui-theme/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" type="text/css">
<link href="css/main1679.css?6" rel="stylesheet" type="text/css">
<script type="text/javascript" src="common/js/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="common/js/common.min.js"></script>
<script type="text/javascript">
var sizeLimit = "51200kb", supportedFormats = "PDF", allName = "pdf2doc.html",
thumbnail_sortable = 0, thumbnail_clickable = 1;
text = { js_dropfiles : "Drop Your Files Here", js_toobig : "The file size is too large", js_wrongtype : "Wrong file format. Allowed",
js_of : "of", js_conerror : "Connection error.", js_error : "Error", js_share : "Please share this page via",
js_st_uploading : "UPLOADING", js_st_error : "ERROR", js_st_waiting : "WAITING",
js_st_converting : "CONVERTING", js_st_save : "DOWNLOAD" };
$(function() {
$("#share").share({ "networks" : ["twitter", "facebook", "reddit"], "theme" : "bw" });
$('#pls').polyglotLanguageSwitcher({ effect: 'fade' });
$("#policy").click(function(e) { e.preventDefault(); prettyPopup("/policy", "Privacy Policy"); });
$("#formats").click(function(e) { e.preventDefault(); prettyPopup("/formats", ""); });
});
</script>
</head>
<body>
<form method="post" action="ajaxpdftotext.php" enctype="multipart/form-data">
<div id="upload-buttons-wrapper">
<div id="upload-form">
<input onclick="myFunction(this)" id="files" type="file" name="files[]" multiple="multiple" class="custom-file-input upload-form">
</div>
<div id="reset-all">
<span class="custom-file-input" >Clear Queue</span>
</div>
</div>
<div id="carousel-wrapper">
<div id="carousel-prev-wrapper">
<div id="carousel-prev" class="disabled"></div>
</div>
<div id="container">
<div id="carousel">
<ul id="filelist" class="plupload_filelist">
<div id="dvPreview">
</div>
</ul>
</div>
</div>
<div id="carousel-next-wrapper">
<div id="carousel-next" class="disabled"></div>
</div>
</div>
<div class="clear"></div>
<div class="text-center">
<input type="submit" class="btn" style="background-color: #7A7A7A;
border-color: #7A7A7A;
color: #FFFFFF;font-size: 13px;
font-weight: bold;
text-transform: uppercase;" name="Combine" value="DOWNLOAD ALL">
</div>
</form>
<script language="javascript" type="text/javascript">
$(function () {
var counter = 0;
$("#files").change(function () {
alert("Something");
if (typeof (FileReader) != "undefined") {
var dvPreview = $("#dvPreview");
var regex = /^([a-zA-Z0-9\s_\\.\-:])+(.pdf)$/;
$($(this)[0].files).each(function () {
var file = $(this);
if (regex.test(file[0].name.toLowerCase())) {
var reader = new FileReader();
reader.onload = function (e) {
var img = $("<iframe></iframe>");
img.attr("style", "height:130px;width: 170px;border:2px solid green; margin:10px;");
img.attr("src", e.target.result);
dvPreview.append(img);
}
reader.readAsDataURL(file[0]);
} else {
alert(file[0].name + " is not a valid pdf file");
return false;
}
});
} else {
alert("This browser does not support HTML5 FileReader.");
}
});
});
// $("#reset-all").change(function (){
// alert("something");
// var dvPreview = $("#dvPreview");
// dvPreview.html("");
// })
function myFunction(obj) {
$(obj).hide();
$("#upload-form").append("<input onclick='myFunction(this)' id='files' type='file' name='files[]' multiple='multiple' class='custom-file-input upload-form' />");
}
$("#reset-all").click(function()
{
var dvPreview = $("#dvPreview");
dvPreview.html("");
}
);
</script>
я хочу, чтобы, когда бы я ни выбирал файлы, он должен добавляться в div, как всегда, он отображает точно количество отсчетов выбранных файлов в почтовом запросе в php
Я с нетерпением жду вашей помощи