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? — Bibimission
– Bibimission, Commented May 15, 2018 at 8:52

Muhammad Usman · Accepted Answer · 2018-05-15 06:43:07Z

1

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">

answered May 15, 2018 at 6:43

Muhammad Usman

10.1k26 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1