ITPub博客

首页 > IT职业 > IT生活 > jQuery用FormData上传文件操作

jQuery用FormData上传文件操作

IT生活 作者:jhmaple 时间:2021-09-09 09:13:14 0 删除 编辑

这段时间,一直练习在ASP.NET MVC程序中上传文件。静态,动态,单个或多文件上传。

在网上有看到网友提及使用FormData来上传,Insus.NET觉得是一个很不错的方式。


 代码:

public ActionResult FilejQLoad()
        {
            return View();
        }

        public ActionResult Uf(HttpPostedFileBase file)
        {
            if (file.ContentLength > 0)
            {
                var fileName = Path.GetFileName(file.FileName);
                var path = Path.Combine(Server.MapPath("~/Temp"), fileName);
                file.SaveAs(path);
            }

            return new ContentResult();
        }

jQuery代码:

$(':button').click(function () {
                var formData = new FormData($('form')[0]);
                $.ajax({
                    url: 'Uf',  
                    type: 'POST',
                    xhr: function () {  
                        return $.ajaxSettings.xhr();
                    },                   
                    success: function (data, textStatus) {
                        alert("file success uploaded.");
                        location.reload();
                    },
                    data: formData,                  
                    cache: false,
                    contentType: false,
                    processData: false
                });
            });


 

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1678/viewspace-2800729/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-15

  • 博文量
    547
  • 访问量
    6029