File input value replace

by Kartearis

HTML

<input type="file" id="file_input">
<button onclick="setBlobs()">
  Click to insert blobs to file input.
</button>

JavaScript

function setBlobs()
{
	let fileInputElement = document.getElementById('file_input');
  let container = new DataTransfer();
  // Here load or generate data
  for (let i=0; i<5; i++)
  {
  	let data = new Blob();
    let file = new File([data], "g"+i+".jpg",{type:"image/jpeg", lastModified:new Date().getTime()});
    container.items.add(file);
  }
  
  fileInputElement.files = container.files;
  console.log(fileInputElement.files);
}