StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>On my IE10 it does submit, but only after the 2nd click on the submit button. If you use the regular input file instead of a text that will trigger the event, it works (at least for me it did) but I dont know if that's an option for you.</p> <p><strong>UPDATE:</strong></p> <p>After some research, I found a solution that might fit your problem:</p> <pre><code><style> #fileinput { position: absolute; left: -9999em; } #link { color: #2a9dcf; font-size: 16px; } #link:hover { text-decoration: underline; cursor: pointer; } </style> <form id="uploader-form" method='POST' enctype='multipart/form-data' action='file.php'> <fieldset> <legend>Please choose file</legend> <div class="input-append"> <input id="filepath" class="input-large" type="text"> <input type="file" id="fileinput" /> <label for="fileinput" id="link" class="trigger-file-input">Browse</label> </div> <div> <input id="submitBtn" class="btn btn-primary" type="submit" value="Upload"> </div> </fieldset> </form> <script type="text/javascript"> // after the user selects the file they want to upload, submit the form $('#fileinput').on("change", function() { $('#filepath').val($(this).val()); }); // mozilla won't focus a file input with the click of a corresponding // label, but all other browsers do. if we detect mozilla, listen for // the label click and send a click to the file input programmatically if($.browser.mozilla) { $('.trigger-file-input').click(function() { $('#fileinput').click(); }); } </script> </code></pre> <p>Refer to: <a href="http://jsfiddle.net/djibouti33/uP7A9/" rel="nofollow">http://jsfiddle.net/djibouti33/uP7A9/</a></p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload