JSFiddle - React, Tailwind, and code Playground

by Alexey Ukolov

HTML

<form action="" method="post">
  <div id="inputs"></div>

  <button type="submit">OK</button>
</form>

JavaScript

var $form = document.querySelector('#inputs');
var $prevInput = null;

function addInput() {
  if ($prevInput) {
    $prevInput.style.display = 'none';
  }

  var $input = document.createElement('input');
  $input.type = 'file';
  $input.name = 'photos[][]';
  $input.multiple = true;
  $input.accept = 'image/*,image/jpeg';

  $prevInput = $input;

  $input.addEventListener('change', addInput);

  $form.appendChild($input);
}

addInput();