Jquery: 1 button for choose file and file upload?
<p>Sorry if this question is a bit confusing but I don't know how else i can explain it so please bear with me.</p>

<p>Basically, I need to use 1 button for choose file and once the file's chosen, the file gets uploaded automatically as opposed to the standard file input + submit button if that makes sense?</p>

<p>So the usual standard file upload is like this:</p>

<pre><code>&lt;form id="form" action="ajaxupload.php" method="post" enctype="multipart/form-data"&gt;


&lt;input id="uploadImage" type="file" accept="image/*" name="image" /&gt;

&lt;input id="button" type="submit" value="Upload"&gt;

&lt;/form&gt;
</code></pre>

<p>is there any way so we can have something like this:</p>

<pre><code> &lt;form id="form" action="ajaxupload.php" method="post" enctype="multipart/form-data"&gt;
&lt;input id="uploadImage" type="file" accept="image/*" name="image" /&gt;
  &lt;/form&gt;
</code></pre>

<p>and once the file's chosen from that dialog box that opens after clicking on the choose file (file input), the file gets uploaded?</p>

<p>I've seen this done on many sites and I just wonder how they do it.</p>

<p>Any help would be appreciated.</p>