zoukankan      html  css  js  c++  java
  • asp.net mvc表单异步提交

    html代码:

    @using (Html.BeginForm("xx", "xx", FormMethod.Post, new { enctype = "multipart/form-data", id = "form1", @class = "form-horizontal", role = "form" }))
    {

    <div>
    @Html.DropDownList("cate", ViewData["cate"] as List<SelectListItem>, new { @class = "form-control", onchange = "SelectChange(this)", id = "select1" })
    </div>

    <div>

    <input type="file" id='picture'  accept='image/png,image/jpeg'>

    </div>

    <div>

    <button type="button" class="btn1">提交</button>

    </div>

    }

    js代码:

    $(".btn1").onclick(function(){

     var formData = new FormData();

    var cat=$("#select1").val();

    formData.append("cate", cat);

    formData.append("img",document.getElementById('picture').files[0]);

    //var xhr = new XMLHttpRequest();
    //xhr.open("post", '@Url.Action("xx", "xx")');
    //xhr.addEventListener("load", uploadComplete, false);

    ////formData.delete(imgID);
    //xhr.send(formData);
    //return false;

    $.ajax({
    url: $("#form1").attr("action"),
    type: $("#form1").attr("method"),
    cache: false,
    data: formData,
    processData: false,
    contentType: false,
    success: function (result) {
    }
    });

    })

    function uploadComplete(evt) {

    var d = evt.target.responseText.toString();
    var data = JSON.parse(d);

    }

    Control代码:

    var ca = Request.Params["cate"];

    //HttpFileCollectionBase files = Request.Files;

    HttpPostedFileBase fileimg = Request.Files[0];

  • 相关阅读:
    P4890 Never·island
    P2617 Dynamic Rankings
    P3243 [HNOI2015]菜肴制作
    P4172 [WC2006]水管局长
    P4219 [BJOI2014]大融合
    P5241 序列
    P1501 [国家集训队]Tree II
    无法读取用户配置文件,系统自动建立Temp临时用户
    组件服务 控制台打不开
    打印服务器 功能地址保护错误
  • 原文地址:https://www.cnblogs.com/ping2015/p/6122616.html
Copyright © 2011-2022 走看看