0

我正在尝试使用 iframe 上传图像而不刷新页面。该代码在 FF 和 Chrome 中运行良好，但在 IE 中它给出了错误“访问被拒绝”。

以下是将带有目标的个人资料图片上传到 iframe 的 html 代码。

<form action="/image-upload" id="frmuploadPicture" name="frmuploadPicture" target="upload_iframe" method="post" enctype="multipart/form-data">
                <a href="javascript:void(0);" onclick="javascript:user.openUploadDialog('profileImage');">Edit Photo</a>
                    <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);"/>
                    <input type="hidden" name="userid" id="txtUserId" value="879987"/>
             </form>
            <iframe name="upload_iframe" src="" style="width: 400px; height: 100px; display: none;"></iframe>

我有一个仅向用户显示的编辑照片链接，单击此编辑链接我触发文件元素的单击事件，并在更改文件元素时提交表单。

我正在使用 document.frmuploadPicture.submit() 提交表单；更改文件元素。

任何帮助或建议将不胜感激。

谢谢高拉夫

4

1 回答 1

0

您可以使用jquery 表单插件通过 ajax 上传您的图片：

演示

于 2012-10-31T13:29:30.053 回答