Я выбираю несколько изображений с помощью тега html «входной файл множественный html», как показано ниже.
@Html.TextBoxFor(model => model.files, "",
new {@id = "filesToUploadID", @type = "file", @multiple = "multiple" })
<div class="col-md-10" id="selectedFiles"></div>
Затем в javascript я прикрепил список событий «onchange» к тегу выше.Когда я выбираю несколько изображений, я добавляю все прикрепленные изображения в тег с помощью jquery.Но мне также нужны имена файлов изображений.Получая имена файлов изображений, я получаю только одно имя файла в моем html вместе с изображением, используя jquery.jquery / javascript ниже
document.addEventListener("DOMContentLoaded", init, false);
function init() {
document.querySelector('#filesToUploadID').addEventListener('change', handleFileSelect, false);
selDiv = document.querySelector("#selectedFiles");
}
function handleFileSelect(e) {
debugger;
NameArray = [];
if (!e.target.files) return;
selDiv.innerHTML = "";
var files = e.target.files;
for (var i = 0; i < files.length; i++) {
var f = files[i];
NameArray.push(f.name);
var reader = new FileReader();
reader.onload = function (e) {
var html = "<img src='" + e.target.result + "' />";// + "<div>" + + "</div>";//+ "<br clear=\"left\"/>";
$(selDiv).append($(html));
//selDiv.innerHTML += html;
}
reader.readAsDataURL(f);
}
}
Я помогаю справкой по этой ссылке и реализовал оба способа, но не смог.
Все имена изображений имеют отношение к изображениям.То, что я получаю, выглядит так: 
Это исходный код 
Мне нужно назначить идентификаторы на основе имен изображений, поэтому важнополучить соответствующие имена изображений.Любое руководство к теме будет высоко оценено.
Спасибо.