отображение миниатюры перед загрузкой изображения в html с использованием javascript не работает

Question

У меня есть форма, разработанная в html, форма имеет 2 загрузки изображений, я пытаюсь показать миниатюру пользователю, прежде чем он отправит форму, у меня есть следующий код:

function readURL(input) {
  if (input.files && input.files[0]) {
    var reader = new FileReader();

    reader.onload = function(e) {
      $('#imaged')
        .attr('src', e.target.result);
    };
    reader.onload = function(e) {
      $('#imageds')
        .attr('src', e.target.result);
    };

    reader.readAsDataURL(input.files[0]);
  }

однако это не показывает изображение в виде эскиза, а просто показывает имя изображения рядом с кнопкой выбора файла. может кто-нибудь подскажите, пожалуйста, что здесь может быть не так, заранее спасибо

Answer 1

1. Вы забыли закрывающую фигурную скобку в readURL ()
2. вы потеряли идентификатор изображения для ввода тега вместо тега изображения

итак окончательный код будет таким:

function readURL(input) {
  if (input.files && input.files[0]) {
    var reader = new FileReader();

    reader.onload = function(e) {
      $('#imaged')
        .attr('src', e.target.result);
    };
    reader.onload = function(e) {
      $('#imageds')
        .attr('src', e.target.result);
    };

    reader.readAsDataURL(input.files[0]);
  }
}