Jquery Ajax 同时传递文本和文件的方法

本文为转载,原地址:http://jingyan.baidu.com/article/c910274bc34e06cd361d2dd5.html

接下来是重点:
页面少不了引用jquery.js,这里不多说。
html部分:

<div>
    <input type="text" id="t1" />
    <input type="file" id="f1" />
</div>
<input type="button" value="tijiao" onclick="submitForm()" />

js部分:

function submitForm() {
    var formData = new FormData();//必须是new FormData后台才能接收到
    formData.append("t1", $("#t1").val());
    formData.append("f1", $("#f1")[0].files[0]);
    $.ajax({
        url: "/Home/GetFile",
        data: formData,
        type: 'post',
        datatype: "json",
        contentType: false,//必须false才会自动加上正确的Content-Type
        processData: false,//必须false才会避开jQuery对 formdata 的默认处理,XMLHttpRequest会对 formdata 进行正确的处理 
        success: function (jdata) {
            alert(jdata);
        }
    });
}

后台(C#):

 public JsonResult GetFile()
 {
     HttpPostedFileBase file = Request.Files["f1"];
     string t1 = Request["t1"];
     return Json("success", JsonRequestBehavior.AllowGet);
 }
  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值