Setting file upload contents using script

Question

Is there a way to use JavaScript to set the file name and contents of a form's file uploads?

For example, suppose we have two file input elements.

<input type="file">
<input type="file">

Can JavaScript copy the content from one form element to the other?

Possible duplicate of [How to set a value to a file input in HTML?](https://stackoverflow.com/questions/1696877/how-to-set-a-value-to-a-file-input-in-html) — Bibimission, May 15 '18 at 08:52

score 1 · Answer 1 · answered May 15 '18 at 06:43

Add an onchange event on any of the input type file

Get its file property and assign to other input like

element2.files = element1.files;

var el = document.getElementById("1");
var el1 = document.getElementById("2");
el.onchange = function(){
el1.files = el.files;
 

}

<input type="file" id="1">
<input type="file" id="2">

1 Answers1