.net mvc 多文件上传

1、input文件上传设置允许选择多个文件,设置属性 multiple即可

<input type="file" multiple="multiple" name="file" />

2、通过 FormData 一次性上传文件

var formData = new FormData();
            $("input[type='file']").each(function (index,item) {
                for (var i = 0; i < $("input[type='file']")[index].files.length; i++) {
                    formData.append("file", $("input[type='file']")[index].files[i]);
                }
            })

3、提交参数,这里通过ajax提交

$.ajax({
                url: "@Url.Action("RUpload", "UploadTest")",
                type: 'POST',
                data: formData,
                // 告诉jQuery不要去处理发送的数据
                processData: false,
                // 告诉jQuery不要去设置Content-Type请求头
                contentType: false,

                beforeSend: function () {
                    console.log("正在进行,请稍候");
                },
                success: function (responseStr) {
                    if (responseStr.msg) {
                        //console.log("成功" + responseStr);
                        AddImg(responseStr);
                        GetPictures();
                    } else {
                        //console.log("失败");
                    }
                },
                error: function (responseStr) {
                    console.log("error");
                }
            });

4、mvc接收上传的文件

var file = Request.Files;获取所有的文件
posted @ 2018-03-01 11:08  我要找到我的全世界  阅读(383)  评论(0编辑  收藏  举报