jQuery使用Ajax将文件发送到MVC控制器

山姆

我正在尝试使用jQuery将文件发送到我的MVC控制器,但该操作始终接收到空的HttpPostedFileBase参数。

HTML:

<input type="file" name="file" id="file" />
<input type="submit" name="submit" id="upload" value="Submit"/>

jQuery的:

$(function () {
    $('#upload').click(function () {

        var data = new FormData($('#file')[0].files[0]);

        $.ajax({
            url: '@Url.Action("Upload", "Home")',
            type: 'POST',
            data: data,
            cache: false,
            contentType: false,
            processData: false
        });
    });
});

控制器:

[HttpPost]
public virtual ActionResult Upload(HttpPostedFileBase file)
{
    // file = null
}

新的FormData($('#file')[0] .files [0]):

__proto__: FormData

$('#file')[0] .files [0]:

lastModified: 1445429215528
lastModifiedDate: Wed Oct 21 2015 14:06:55 GMT+0200 (Central Europe Daylight Time)
name: "Google_Chrome_logo_2011.jpg"
size: 5506
type: "image/jpg"
webkitRelativePath: ""
__proto__: File

我几乎复制了我在互联网上找到的其他示例中的代码,但以某种方式无法正常工作。

用户名

试试这个:

if (Request.Files.Count > 0)
{
   foreach (string file in Request.Files)
   {
      var _file = Request.Files[file];
   }
}

更新

var $file = document.getElementById('file'),
    $formData = new FormData();

if ($file.files.length > 0) {
   for (var i = 0; i < $file.files.length; i++) {
      $formData.append('file-' + i, $file.files[i]);
   }
}

$.ajax({
   url: '/home/upload',
   type: 'POST',
   data: $formData,
   dataType: 'json',
   contentType: false,
   processData: false,
   success: function ($data) {

   }
 });

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery使用Ajax将文件发送到MVC控制器

来自分类Dev

无法使用 ajax 将多部分文件从 Jquery 发送到 spring 控制器

来自分类Dev

如何使用MVC,Jquery和Ajax将下拉列表中的选定值发送到控制器

来自分类Dev

使用调用Ajax将字符串数组发送到mvc控制器

来自分类Dev

使用 AJAX 将数据发送到 MVC 控制器

来自分类Dev

使用jQuery将JSON对象发送到MVC 6 WebApi控制器

来自分类Dev

如何将AJAX数据从VIEW发送到控制器?(PHP(MVC)+ AJAX)

来自分类Dev

MVC将数据从视图发送到控制器

来自分类Dev

通过Ajax将数据发送到控制器

来自分类Dev

ajax将数据发送到控制器

来自分类Dev

将数据从 ajax 发送到控制器 codeigniter

来自分类Dev

MVC Ajax:如何将字符串从视图发送到控制器

来自分类Dev

MVC / AJAX-将当前模型集合发送到控制器

来自分类Dev

从MVC 4中的数组获取变量并通过jQuery ajax发送到控制器

来自分类Dev

通过JQuery AJAX将有些复杂的对象发送到MVC控制器

来自分类Dev

jQuery Ajax无法将对象列表发送到MVC控制器

来自分类Dev

将数据从jQuery发送到AngularJS的控制器

来自分类Dev

将数据从 jQuery 发送到 Laravel 控制器

来自分类Dev

无法使用js将文件值发送到asp.net mvc中的控制器

来自分类Dev

如何将响应从 c# 类文件发送到 MVC 控制器

来自分类Dev

Jquery.ajax将null发送到控制器,但可以使用硬编码的变量

来自分类Dev

将jQuery帖子发送到MVC控制器时出现404错误

来自分类Dev

如何使用URL将数据从javascript发送到ASP.NET MVC控制器

来自分类Dev

使用AJAX将数组发送到CI中的控制器/模型

来自分类Dev

如何使用Ajax将数据从视图发送到控制器Laravel?

来自分类Dev

如何使用ajax将发布请求发送到Spring控制器

来自分类Dev

使用Ajax将@Model从视图发送到控制器

来自分类Dev

如何使用ajax.beginform将数据发送到控制器?

来自分类Dev

如何使用AJAX将数据从ruby控制器发送到应用javascript?

Related 相关文章

  1. 1

    jQuery使用Ajax将文件发送到MVC控制器

  2. 2

    无法使用 ajax 将多部分文件从 Jquery 发送到 spring 控制器

  3. 3

    如何使用MVC,Jquery和Ajax将下拉列表中的选定值发送到控制器

  4. 4

    使用调用Ajax将字符串数组发送到mvc控制器

  5. 5

    使用 AJAX 将数据发送到 MVC 控制器

  6. 6

    使用jQuery将JSON对象发送到MVC 6 WebApi控制器

  7. 7

    如何将AJAX数据从VIEW发送到控制器?(PHP(MVC)+ AJAX)

  8. 8

    MVC将数据从视图发送到控制器

  9. 9

    通过Ajax将数据发送到控制器

  10. 10

    ajax将数据发送到控制器

  11. 11

    将数据从 ajax 发送到控制器 codeigniter

  12. 12

    MVC Ajax:如何将字符串从视图发送到控制器

  13. 13

    MVC / AJAX-将当前模型集合发送到控制器

  14. 14

    从MVC 4中的数组获取变量并通过jQuery ajax发送到控制器

  15. 15

    通过JQuery AJAX将有些复杂的对象发送到MVC控制器

  16. 16

    jQuery Ajax无法将对象列表发送到MVC控制器

  17. 17

    将数据从jQuery发送到AngularJS的控制器

  18. 18

    将数据从 jQuery 发送到 Laravel 控制器

  19. 19

    无法使用js将文件值发送到asp.net mvc中的控制器

  20. 20

    如何将响应从 c# 类文件发送到 MVC 控制器

  21. 21

    Jquery.ajax将null发送到控制器,但可以使用硬编码的变量

  22. 22

    将jQuery帖子发送到MVC控制器时出现404错误

  23. 23

    如何使用URL将数据从javascript发送到ASP.NET MVC控制器

  24. 24

    使用AJAX将数组发送到CI中的控制器/模型

  25. 25

    如何使用Ajax将数据从视图发送到控制器Laravel?

  26. 26

    如何使用ajax将发布请求发送到Spring控制器

  27. 27

    使用Ajax将@Model从视图发送到控制器

  28. 28

    如何使用ajax.beginform将数据发送到控制器?

  29. 29

    如何使用AJAX将数据从ruby控制器发送到应用javascript?

热门标签

归档