Form-embedded plugin to send files to the server?

Question

JavaScript

Colleagues!

Recommend a plug- in embedded in the form to send files to the server.

The well-known Dropzone.js and similar ones are not suitable for the following reason: they create a separate form for submitting files, i.e. you will have to submit two forms - with information (let's call it "main") and with files.

You can, of course, bind file uploads to the submit of the main form, but here (I find fault) it’s purely visually ugly and illogical from the UI point of view:

1. Main form fields
2. Submit button
3. File selection form

Swap points 2 and 3 are not result: nested forms are not allowed. The option is also not very good when files to send are first selected - first we select a photo, and then we ask "What is your name".

Surely there is a beautiful ready-made solution, unfortunately, I didn’t find anything suitable on github and stackoverflow, perhaps I didn’t search well ...

Answer 1

https://blueimp.github.io/jQuery-File-Upload/