Image Upload without page refresh
<p>I am trying to upload an image using iframe without page refresh.The code works fine in FF &amp; Chrome but in IE it gives the error "Access Denied".</p>

<p>Below is the html code to upload the profile picture with target to iframe.</p>

<pre><code>&lt;form action="/image-upload" id="frmuploadPicture" name="frmuploadPicture" target="upload_iframe" method="post" enctype="multipart/form-data"&gt;
                &lt;a href="javascript:void(0);" onclick="javascript:user.openUploadDialog('profileImage');"&gt;Edit Photo&lt;/a&gt;
                    &lt;input type="file" id="profileImage" name="profileImage" style="-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; filter: alpha(opacity=0);opacity: 0;" accept="image/x-png,image/gif,image/jpeg" onchange="javascript:user.uploadProfileImage(this);"/&gt;
                    &lt;input type="hidden" name="userid" id="txtUserId" value="879987"/&gt;
             &lt;/form&gt;
            &lt;iframe name="upload_iframe" src="" style="width: 400px; height: 100px; display: none;"&gt;&lt;/iframe&gt;
</code></pre>

<p>I have a edit photo link only displayed to the user and on the click of this edit link i trigger click event of file element and on the change of file element i submit the form.</p>

<p>i am submitting the form using document.frmuploadPicture.submit(); on change of file element.</p>

<p>Any help or suggestion would be greatly appreciated.</p>

<p>Thanks
Gaurav</p>
