7
@using (Html.BeginForm("Upload", "MyProfile", FormMethod.Post, new
{
    @encType = "multipart/form-data",
    id = "ImgForm",
    name = "ImgForm",
    target = "UploadTarget"
}))
{   
    <input type="file" name="FileUpload" class="filestyle-notext fileupload">                
}

<iframe id="UploadTarget" name="UploadTarget" style="position: absolute; left: -999em; top: -999em;"></iframe>

通过 javascript/jquery,我在更改文件输入时提交表单。

$('.myprofile .fileupload').change(function () {       
    $('#ImgForm').submit();
});

它抛出一个错误:访问被拒绝并且它只发生在 IE 中(我使用的是 ie8)并且在 Firefox、chrome 中工作正常。

在论坛中阅读后,由于安全原因,我发现通过 IE 中的 javasript 提交表单存在问题,但有什么解决方法吗?而且我不明白为什么只有 IE 在所有浏览器都支持它的情况下才会这样做。IE 比所有浏览器都安全吗?;) 请采纳您的建议。

4

1 回答 1

10

IE8 不支持在此文件输入事件.submit()中调用包含文件输入的表单.change()事件。这是出于安全原因。您正在尝试在没有用户明确允许的情况下向服务器提交文件。.submit()一种可能的解决方法是从您放置的某个按钮的 .click() 事件中调用表单上的 :

$('.uploadButton').click(function () {       
    $('#ImgForm').submit();
});

现在,当用户单击某个上传按钮时,表单将提交。

值得一提的是,这只对IE8有问题。更高版本和其他浏览器没有这个限制。

您也可以考虑使用基于 Flash 的上传控件,例如UploadifyBlueImp File upload,以跨浏览器的方式将文件上传到服务器。

于 2012-12-01T06:29:20.140 回答