添加图像文件时,Jquery mvc文件上传不是目标URL

时间:2018-02-03 11:37:51

标签: jquery asp.net-mvc-5.2

请帮帮我如何使用Jquery上传文件 当我使用data: SubmitedData工作时(没有图像文件) 当我使用图像文件时,它不是针对我的网址 这是我的Html代码

<form method="post" name="Form1">
    <input type="text"  id="EmployeeName" /><br />
    <input type="file" id="ImageFile" />  
    <input type="submit" value="Ok" id="BtnSubmit" />
</form>

这里我写了简单的Jq代码

<script type="text/javascript">
    $(function () {
        $('#BtnSubmit').click(function () {
            var fileUpload = $('#ImageFile').get(0)
            var files = fileUpload.files
            var length = files.length;
            var SubmitedData = {
                EmpId: $('#EmpId').val(),
                EmployeeName: $('#EmployeeName').val(),
                Emp_File: fileUpload                

            }
            $.ajax({
                url: 'http://localhost:3013/Dummy/FileRes',
                method: 'POST',
                data: SubmitedData   
</script>

1 个答案:

答案 0 :(得分:1)

我认为您必须将SubmitedData声明更改为:

var SubmitedData = {
    EmpId: $('#EmpId').val(),
    EmployeeName: $('#EmployeeName').val(),
    Emp_File: files[0] 
}

此外,您应该将按钮“BtnSubmit”更改为type =“button”而不是“submit”(或使用函数内的事件event.preventDefault()控制它),以避免表单提交自身。< / p>