Просмотреть изображение, выбранное из файла- система на стороне клиента перед загрузкой?

У меня есть тег ввода в форме для выбора изображений для загрузки.

<div id="lowresDemo">
    <img src="some-url" />
</div>
<input type="file" id="FileToUpload" name="FileToUpload" />

Я попытался изменить a миниатюра, отображаемая в форме рядом с полем ввода, чтобы подтвердить пользователю, что их выбор был запланирован с помощью следующего кода jquery:

$('#FileToUpload').change(function () {
    $('#lowresDemo img').attr('src', $(this).val());
});

... это не работает ни в одном браузере, по соображениям безопасности браузера, как я полагаю помню из прошлого раза, когда я делал что-то подобное много лет назад).

ВОПРОС :
Есть ли способ представить изображение, выбранное пользователем, перед отправкой формы - и не только путь к файлу + имя значения в поле ввода, но эскиз, показывающий файл, который они выбрали?

Или это предотвращает современная безопасность браузера?