I'm trying to submit an uploaded file automatically when the user uploads the file. The shortest way I found was to insert onChange="form.submit()"
in the upload files input
. Source I did that, and now when I insert an action to the submit input
(through JavaScript), it doesn't get triggered.
How can I trigger an event when I do onChange="form.submit()"
?
Code snippet:
$("form").on('submit',function(){
alert("It works");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="http://example.com">
<input type="file" id="file" onChange="form.submit()" />
<input id="submit" type="submit" name="submit" value="Upload"/>
</form>
Update
I know it's possible to perform that with $('#file').change(function()...
But I want to know if it's possible to do it with onChange="form.submit()"
.