CODEWITHSUNDEEP
javascriptjqueryinternet-exploreriframe
Ismailp
Ismailp

Reputation: 2383

Upload file using "hidden" iframe doesn't work in explorer

I have this form html: 

<form id="testForm" method="post" action="upload.php" target="upload_target" enctype="multipart/form-data" style="margin-bottom:0;">
    <textarea name="infoText"></textarea>
    <input id="file-input" name="bid-file" type="file" style="visibility:hidden;">
    <input type="submit" id="submitBtnFile" style="visibility:hidden;">
</form>
<button id="#submitBtn">Submit</button>

<iframe id="upload_target" name="upload_target" src="#" style="width:0;height:0;border:0px solid #fff;"></iframe>

My js is:

$('#submitBid').click( function(){
    $('#objectCommentsSubmit').trigger('click');
    $('#submitBtnFile').trigger('click');
    $('.loading-bid').show();
});

This works in Safari, Firefox and Chrome but not in IE!

Can anyone tell me what I'm doing wrong for IE?

Thanks!

Upvotes: 0

Views: 2152

Answers (1)

epascarello
epascarello

Reputation: 207491

Try changing

$('#submitBtnFile').trigger('click');

to

$("#testForm").submit();

Upvotes: 1

Related Questions