Почему не появляется изображение?

Question

[Николай Семенов]

Всем привет
Есть такая функция в приложении на вью

createImage(file) {
                  var imgUser = document.querySelector('.user-data__picture').getElementsByTagName('img');      
                  imgUser.src = window.URL.createObjectURL(file);
                  imgUser.onload = function() {
                      window.URL.revokeObjectURL(imgUser.src);

                  }
           
              },

Функция onload почему то undefined.
Помогите решить. Нужно что бы картинка временно подставлялась, до сохранения

Answer 1

[Алексей Уколов]

Метод getElementsByTagName возвращает коллекцию элементов, а вы с ней пытаетесь работать как с одним элементом.

var imgUser = document.querySelector('.user-data__picture img');

Answer 2

[Николай]

getElementsByTagName() возвращает NodeList. Не очень понятна вообще конструкция, можно же одним querySelector обойтись. Ну либо написать

var imgUser = document.querySelector('.user-data__picture').getElementsByTagName('img')[0];

Answer 3

[Stalker_RED]

var imgUser = ... .getElementsByTagName('img');
Возвращает коллекцию а не конкретную картинку.

Решение: выбросить эту строку и сделать

var imgUser = document.querySelector('.user-data__picture img')