首页 > Windows开发 > 详细

C# Asp.net使用FormData对象实现ajax提交表单及上传图片

时间:2017-09-27 00:20:22      阅读:899      评论:0      收藏:0      [点我收藏+]

1、html代码:

<form id="postForm">
        文件名:<input type="text" name="filename" />
        文件: <input type="file" name="my_file" />
            <input type="button" value="提交" onclick="btnPost()" />
    </form>

2、jquery代码:

<script>
    function btnPost() {
        var formData = new FormData($("#postForm")[0]);
        $.ajax({
            url: "/Home/Post",
            data: formData,
            type: "POST",
            async: false,
            contentType: false,
            processData: false,
            success: function (msg) {                
            },
            error: function (e) {                
            }
        });
    }
</script>

注意:

contentType: false,------------>为了上传文件,具体百度有,
processData: false  ----------->processData 默认为false,当设置为true的时候,jquery ajax 提交的时候不会序列化 data,而是直接使用data

 

3、cs代码:

 public ActionResult Post()
        {
            var name = Request.Form["filename"];
            HttpPostedFileBase myFile = Request.Files["my_file"];
            .......
        }

 

C# Asp.net使用FormData对象实现ajax提交表单及上传图片

原文:http://www.cnblogs.com/qk2014/p/7599536.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!