<div>
<input type="file" name="filename" multiple="multiple" onchange="test1(this.files)" id="file" /><br>
<script type="text/javascript">
function test1(files) {
if (files.length) {
console.log(files);//所有
console.log(files[0]);//第一个元素
console.log($("#file")[0].files);//所有
console.log($("#file")[0].files[0]);//第一个元素
console.log($("#file").files);//未定义
console.log($("#file").prop("files"));//所有
console.log($("#file").prop("files")[0]);//第一个元素
console.log("!!!");
// 获取文件
var file_data = $("#file").prop("files");
var A1 = files;
var A2 = files[0];
var A3 = $("#file")[0].files;
var A4 = $("#file")[0].files[0];
var A5 = $("#file").files;
var A6 = $("#file").prop("files");
var A7 = $("#file").prop("files")[0];
var formData = new FormData(); //改变时候上传文件
//formData.append("img", files[0]); //获取不到控制器请求的值
formData.append("A1", A1);
formData.append("A2", A2);
formData.append("A3", A3);
formData.append("A4", A4);
formData.append("A5", A5);
formData.append("A6", A6);
formData.append("A7", A7);
//formData.append("s1", $("#file")[0].files); //获取不到值
//formData.append("img", file_data);//
//formData.append("img1", file_data);
$.ajax({
url: "http://localhost:44714/UpFile/AddFile",
type: "POST",
data: formData,
processData: false,
contentType: false,
success: function (response) {
// 根据返回结果指定界面操作
}
});
}
}
</script>
[HttpPost] public ActionResult AddFile() { var s1s = Request.Files; var A1 = Request.Files["A1"]; var A2 = Request.Files["A2"]; //1 var A3 = Request.Files["A3"]; var A4 = Request.Files["A4"]; //1 var A5 = Request.Files["A5"]; var A6 = Request.Files["A6"]; var A7 = Request.Files["A7"];//1 if (Request.Files.Count == 0) { //throw new Exception("请选择上传文件!"); } for (int i = 0; i < Request.Files.Count; ++i) { HttpPostedFileBase file = Request.Files[i]; // 文件名为空证明没有选择上传文件 if (file.FileName == "") { return Content("文件名空"); } } return View(); }
测试结果


var files = Request.Files; if (files.Count > 0) { HttpPostedFileBase file = Request.Files[0]; if (file != null) { Newmode.ImagePath = SaveImg(file); //图片路径 } }