jQuery使用FormData上传文件[通俗易懂]

jQuery使用FormData上传文件[通俗易懂]这段时间,一直练习在ASP.NETMVC程序中上传文件。静态,动态,单个或多文件上传。在网上有看到网友提及使用FormData来上传,Insus.NET觉得是一个很不错的方式。控制器中,创建两个Action: 代码:publicActionResultFilejQLoad(){returnView();…

大家好,欢迎来到IT知识分享网。

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

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

控制器中,创建两个Action:
jQuery使用FormData上传文件[通俗易懂]

 

代码:

jQuery使用FormData上传文件[通俗易懂]
jQuery使用FormData上传文件[通俗易懂]

 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();
        }

View Code

完成视图:
jQuery使用FormData上传文件[通俗易懂]

jQuery代码:

jQuery使用FormData上传文件[通俗易懂]
jQuery使用FormData上传文件[通俗易懂]

$(':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
                });
            }); 

View Code

挺简单的:
jQuery使用FormData上传文件[通俗易懂]

 

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/22182.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信