IE Trigerr Upload

by Alvin Olavarrieta

HTML

<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.min.css">
<script src="http://getbootstrap.com/dist/js/bootstrap.min.js"></script>
<label for="file">
        <img src="http://softrock.org/mobtest/rakel/Boss%20Reg%20Path/images/photo-upload/img-temp-upload.png" alt="..." class="img-rounded" />
    </label>

<form action="http://example.com" id="form" enctype="multipart/form-data" target="iframe">
    <input id="file" type="file" class="hide" />
    
    
</form>
<iframe id="iframe" name="iframe"></iframe>

CSS

body {
    padding:60px;
}
iframe {
    margin-top:60px;
}

JavaScript

var upload = $('#upload'),
    submit = $('#submit'),
    file = $('#file'),
    form = $('#form'),
    iframe = $('#iframe');

upload.click(function () {
    file.click();
})

file.change(function () {
    form.submit();
});

iframe.load(function () {
    alert('p');
});