javascript - 使用Html.BeginForm/Ajax.BeginForm的FileUpload控件不起作用。(IE中拒绝html文件访问)。Css样式上传控件按钮

Question

为了给上传控件按钮提供CSS样式，我创建了一个假按钮。单击这个假按钮时，我触发文件上传控件的单击事件。当我使用 Jquery ajax 时，它给我一个错误 htmlfile 访问被拒绝。但是当我使用 Html.BeginForm 时，它不会给我错误，也不起作用。

<div id="divUploadForm">
    @using (Html.BeginForm("UploadAction", "HomeController",new AjaxOptions()
    {
        UpdateTargetId = "divUploadForm",        
        InsertionMode = InsertionMode.Replace        
    }))
    {  
        <fieldset>                            
                <input type="text" id="fakeupload" name="fakeupload" class="fakeupload" />
                <input type="button" value="Browse" id="BrowseBtn" />
                <input type="file" name="file" id="files-to-upload" onchange="this.form.fakeupload.value = this.value;" style="display: none" />
                <input type='submit' id='upload-files' value='Save'/>            
        </fieldset>
    }
</div>
<script type="text/javascript">   
    $(function () {
        $('#BrowseBtn').click(function () {
            $('#files-to-upload').trigger('click');
        });
        $('#fakeupload').click(function () {
            $('#files-to-upload').trigger('click');
        });
    });
</script>

更新:也使用

@using (Html.BeginForm("UploadAction", "HomeController", FormMethod.Post, new { enctype = "multipart/form-data", id = "UploadForm" }))
{
...
}

仍然给出“错误:访问被拒绝。”

Answer 1

如果您的文件上传控件被隐藏，出于安全原因，浏览器将不允许单击它，而且您无法使用ajax上传文件，因为javascript无法访问文件内容