Jquery .submit() event to firing

Question

HTML

<form action="includes/photos.php" id="joinPhotoUploadForm" enctype="multipart/form-data">
  <input type="file" name="file" id="file"><br>
</form>

Jquery

$('div#photoCropContainer').click(function() {
  $('input#file').trigger('click');
});

And

$(document).on('change','input#file', function() {
    alert('ready to upload');
    $('form#joinPhotoUploadForm').submit();
});

When someone clicks the Div@photoCropContainer it trigers a click on the file input, shows the popup and sends the file. This works on FF & Chrome.

On IE9 however I always get the popup but no other reply...

Can anyone give me any advise?

thanks

Something trying to upload [jsfiddle](http://jsfiddle.net/BayjF/) — webdeveloper, Sep 16 '12 at 06:00
Where is the `div#photoCropContainer` ? Is it a wrapper of the form? — d.k, Sep 16 '12 at 06:01
Here it is, yes, I see problem [jsfiddle](http://jsfiddle.net/BayjF/1/) — webdeveloper, Sep 16 '12 at 06:07
@Adam, There is pretty much questions on this issue (IE fires change event on `input[type=file]` only if it had not empty value). You can try this http://stackoverflow.com/questions/2389341/jquery-change-event-to-input-file-on-ie — d.k, Sep 16 '12 at 06:17
I checked out your jsfiddle and it **worked out** in _FF 15, Chrome (latest) and IE9_ — Pilgerstorfer Franz, Sep 16 '12 at 06:34
interesting... it doesn't work for me in IE9... that is the jsfiddle page — Adam, Sep 16 '12 at 08:30
Guys - in IE9 the fiddler doesn't fire for me... do others get the same response? — Adam, Sep 16 '12 at 08:44

score 0 · Answer 1 · edited May 23 '17 at 12:21

0

As I can see in IE9 console "access denied" on form submit line, thats why nothing works. Look at this question ie javascript form submit with file input

edited May 23 '17 at 12:21

Community

answered Sep 16 '12 at 06:27

webdeveloper

1 Answers1