How do I submit a "file" input without submit button using JavaScript?

javascript file forms submit
Pennywise83 picture Pennywise83 · Dec 15, 2009 · Viewed 69.3k times · Source

There is a way to automatically submit a form without clicking to a "submit" button?

I have a form with one "file" input. I would submit the form after the user have selected one file.

Answer

Marius picture Marius · Dec 15, 2009

yes, you can use the form.submit() function. Add an onchange listener on the file input and link it to the form.submit() function, like so:

<form action="upload.php" method="post" enctype="multipart/form-data">
<input type="file" onchange="this.form.submit()" name="myFile"/>
</form>

Related questions

How to convert Base64 String to javascript file object like as from file input form?

I want to convert Base64String extracted from file(ex: "AAAAA....~") to a javascript file object. The javascript file object what I mean is like this code: HTML: <input type="file" id="selectFile" > JS: $('#selectFile').on('change', …

Read More
how to unselect files in html forms?

I have a simple php file upload form, something like this: <form action="upload_file.php" method="post" onsubmit="return validateForm()" enctype="multipart/form-data"> <label for="file">Files:</label> <input type="file" name="…

Read More
How do I include a JavaScript file in another JavaScript file?

Is there something in JavaScript similar to @import in CSS that allows you to include a JavaScript file inside another JavaScript file?

Read More