Почему input.files[0] равен undefined?

Question

[Alexander3928]

Строка 24, 25.
https://codepen.io/Alexxxsander/pen/LYdvdxX

Comments

[zkrvndm]

Совершенно непонятно что вы там пытаетесь сделать...
Клонировать файл? Что-то другое?

[Alexander3928]

Надим Закиров, А что не понятного? Достать обьект files из изорабжения input

[zkrvndm]

Alexander3928, ну так и доставайте:
files = document.querySelector("input").files;

[Lynn «Кофеман»]

> Достать обьект files из изорабжения input

И для этого вы каждый раз создаёте новый input в котором конечно пусто.

Answer 1

[historydev]

const createFileInput = () => {
  const el = document.createElement('input');
  el.type = 'file';
  return el
}
const input = createFileInput();

export function appEdit(select) {
  const edit = document.createElement('div');
  
  edit.append(input);
  select.append(edit);

  input.addEventListener('change', loadingPreview);
}

const loadingPreview = () => {
  const file = input.files[0];
  
  console.log(input);
  console.log(file);
}
  
document.addEventListener('DOMContentLoaded', () => {
  appEdit(document.querySelector('body'));
});