open files with js code example

Example 1: javascript how to open a file

function readSingleFile(e) {
  var file = e.target.files[0];
  if (!file) {
    return;
  }
  var reader = new FileReader();
  reader.onload = function(e) {
    var contents = e.target.result;
    displayContents(contents);
  };
  reader.readAsText(file);
}

function displayContents(contents) {
  var element = document.getElementById('file-content');
  element.textContent = contents;
}

document.getElementById('file-input')
  .addEventListener('change', readSingleFile, false);

Example 2: Read files in JavaScript

function readImage(file) {  //function readImage(file) {
  // Check if the file is an image.
  if (file.type && !file.type.startsWith('image/')) {
    console.log('File is not an image.', file.type, file);
    return;
  }

  const reader = new FileReader();
  reader.addEventListener('load', (event) => {
    img.src = event.target.result;
  });
  reader.readAsDataURL(file);
} Check if the file is an image.  if (file.type && !file.type.startsWith('image/')) {    console.log('File is not an image.', file.type, file);    return;  }  const reader = new FileReader();  reader.addEventListener('load', (event) => {    img.src = event.target.result;  });  reader.readAsDataURL(file);}