Заполнение формы при переходе браузера назад к форме

Question

Я использую asp.net core 2.1 и bootstrap 4.1, у меня есть форма со следующим вводом:

<div class="form-group">
    <label asp-for="FormFile"></label><br />
    <div class="custom-file">
        <input asp-for="FormFile" type="file" class="custom-file-input">
        <span class="custom-file-label text-truncate">Choose file</span>
    </div>
    <span asp-validation-for="FormFile" class="text-danger"></span>
</div>

Я использую JavaScript для привязки к событию change в inputэлемент, который срабатывает, когда пользователь выбирает файл и затем задает значение span.

Когда форма отправлена, выполняется проверка на стороне сервера, и браузер пользователя перенаправляется на новую страницу, которая дает представление о том, какфайл должен быть исправлен при необходимости.Пользователи сохраняют файл открытым и по мере необходимости вносят изменения, а затем сохраняют.Они возвращаются к форме и просто нажимают кнопку отправить.

Проблема в том, что диапазон больше не заполняется ранее установленным значением, однако форма знает о выбранном файле (при наведении курсора на всплывающее окно сзначение).

Как я могу обнаружить этот сценарий и повторно заполнить диапазон?

Answer 1

Исходный код был выполнен при загрузке документа через

document.addEventListener("DOMContentLoaded", function () { /**/ });

, поэтому вставив еще один вызов в вышеупомянутом, чтобы повторно выполнить тот же код на pageshow, как это решило его:

window.addEventListener("pageshow", function () { /**/ });