Question

我正在尝试使用iframe上传图片而不刷新页面。代码在FF＆amp; 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（）提交表单;改变文件元素。

非常感谢任何帮助或建议。

由于拉夫

Answer 1

您可以使用jquery form plugin通过ajax上传图片：

Demo

图像上传没有页面刷新

1 个答案: