сПИСОК ФАЙЛОВ

by yoowordpress

HTML

<form method="post" action="upload-page.php" enctype="multipart/form-data">
 <input type="file" name="filesToUpload" id="filesToUpload" multiple="" onchange="makeFileList();">
</form>
<ul id="fileList"><li>No Files Selected</li></ul>

JavaScript

function makeFileList() {
			var input = document.getElementById("filesToUpload");
			var ul = document.getElementById("fileList");
			while (ul.hasChildNodes()) {
				ul.removeChild(ul.firstChild);
			}
			for (var i = 0; i < input.files.length; i++) {
				var li = document.createElement("li");
				li.innerHTML = input.files[i].name;
				ul.appendChild(li);
			}
			if(!ul.hasChildNodes()) {
				var li = document.createElement("li");
				li.innerHTML = 'No Files Selected';
				ul.appendChild(li);
			}
		}