Styling the file upload form?

Question

Frontend

Please tell me how to make this form.
If I figured out the button, it can be styled and hung onclick on a hidden input[type=file],
then how to make it possible to add files one at a time and delete buttons for each file.

Answer 1

when loading files, read them through FileReader
, get the file name and create a home object, one hidden input, write the file name and file contents there, the second element is already a divnik as in the picture with the file name and a cross.
On the cross, delete the divnik, and the created input.
When submitting the form to the server, the files will come from the inputs, collect and write them on the server using puff.

Answer 2

As an option - when you click the add button, clone the original block with a stylized inpat, attaching a handler to it. By clicking delete - clear the value and delete. But the option above is more interesting.