Breaking News: Grepper is joining You.com. Read the official announcement!

upload file javascript mdn

Impossible Ibis answered on October 16, 2021 Popularity 8/10 Helpfulness 1/10

answer upload file javascript mdn

upload file javascript mdn

Comment

function updateImageDisplay() {
  while(preview.firstChild) {
    preview.removeChild(preview.firstChild);
  }

  const curFiles = input.files;
  if(curFiles.length === 0) {
    const para = document.createElement('p');
    para.textContent = 'No files currently selected for upload';
    preview.appendChild(para);
  } else {
    const list = document.createElement('ol');
    preview.appendChild(list);

    for(const file of curFiles) {
      const listItem = document.createElement('li');
      const para = document.createElement('p');
      if(validFileType(file)) {
        para.textContent = `File name ${file.name}, file size ${returnFileSize(file.size)}.`;
        const image = document.createElement('img');
        image.src = URL.createObjectURL(file);

        listItem.appendChild(image);
        listItem.appendChild(para);
      } else {
        para.textContent = `File name ${file.name}: Not a valid file type. Update your selection.`;
        listItem.appendChild(para);
      }

      list.appendChild(listItem);
    }
  }
}

Popularity 8/10 Helpfulness 1/10 Language javascript

Source: developer.mozilla.org

Tags: file javascript upload

Link to this answer
Share Copy Link

Contributed on Oct 16 2021

Impossible Ibis

0 Answers Avg Quality 2/10

upload file javascript mdn

Contents

More Related Answers

upload file javascript mdn

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.