asp.MVC 利用HTML formData對象把整個表單+文件上傳


前端HTML

 

    <div class="x-body">
        <form class="layui-form" id="ff">
            <div class="layui-form-item">
                <label for="username" class="layui-form-label">
                    <span class="x-red">*</span>文章標題
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="title" name="username" required="" lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item layui-form-text">
                <label for="desc" class="layui-form-label">
                   圖片上傳
                </label>
                <div class="layui-input-block">
                 <input type="file"  name="files"/>
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label for="desc" class="layui-form-label">
                    文章內容
                </label>
                <div class="layui-input-block">
                    <textarea placeholder="請輸入內容" id="content" name="desc" class="layui-textarea" lay-verify="required"></textarea>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="L_repass" class="layui-form-label">
                </label>
                <button class="layui-btn" lay-filter="add" lay-submit="">
                    增加
                </button>
            </div>
            <form />
</div>
JS代碼
   var formData = new FormData($("#ff")[0]);

            $.ajax({
                url: "/Home/briefAdd",
                type: "POST",
                async: false,
                contentType: false,
                processData: false,
                data: formData,
                success: function (data)
                {
                  
                },
                error: function (data)
                {
                    
                }
            });   
 
         

后台代碼

 
         
 public ActionResult briefAdd()
        {
           var name=Request.Form["username"];
           var file= Request.Files["files"];
            return View();
                 
        }
 
         

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM