asp.net MVC ajax上傳文件

時間 2019-11-17

標籤 asp.net asp mvc ajax 上傳文件欄目 ASP 简体版

原文原文鏈接

普通上傳

view:javascript

<body>
    <form id="form1" method="post" action="@Url.Action("UploadFile","Mydemo")" enctype="multipart/form-data">
    <input type="file"  name="file"/>
    <input type="submit" value="提交" />
        </form>
</body>

Controller:html

 [HttpPost]
        public ActionResult UploadFile(HttpPostedFileBase file)
        {
           return Content("");
        }

Ajax上傳

用普通的ajax提交表單的時候,不能把文件流傳到後端去,因此要用到jquery.form.jsjava

jquery.form.js到官網下載或者從這裏下載:http://pan.baidu.com/s/1c2JS60Cjquery

view:ajax

 <script src="~/Scripts/jquery-1.7.1.min.js"></script>
    <script src="~/Scripts/jquery.form.js"></script>
</head>
<body>
    <form id="form1">
    <input type="file"  name="file"/>
    <input type="button" value="提交" onclick="sub()" />
        </form>
</body>
</html>
<script type="text/javascript">
    function sub()
    {
        $("#form1").ajaxSubmit({
            url: "@Url.Action("UploadFile", "Mydemo")",
            type: "post",
            success: function (data) {
                //......
            },
            error: function (aa) {
                alert(aa);
            }
        });
    }
</script>

Controller:後端

       [HttpPost]
        public ActionResult UploadFile(HttpPostedFileBase file)
        {
           
            return Content("");
        }

相關標籤/搜索