jquery实现AJAX 表单的同时上传文件

正文详情 · 715 字

AJAX 实现 表单上传文件

///html代码
<form id="MultiForm" enctype="multipart/form-data">  
                <input name="MosaicImage" type="file" class="btn btn-info" />  
</form>

///javascript 代码
var formData = new FormData($('#MultiForm')[0]);  
            $('#MultiForm')[0].reset()  
            $.ajax({  
                type: 'post',  
                url: "/test/upload",  
                data: formData,  
                cache: false,  
                processData: false,  
                contentType: false,  
            }).success(function (data)  
            {  
                layer.closeAll();  
                if (data.msg == "success") {  
                    window.open(data.imgurl);  
                } else {  
                    layer.msg(data.msg);  
                };  
            }).error(function () {  
                layer.msg("请选择图片文件", 3000);  
            });

///后端c#接收文件代码
HttpPostedFileBase MosaicImageFile = Request.Files\["MosaicImage"\];MosaicImageFile.SaveAs("保存路径");

---

内容创作不易，转载请务必注明本文来源链接，感谢您的尊重与支持～