<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"]; //
var A3 = Request.Files["A3"];
var A4 = Request.Files["A4"]; //
var A5 = Request.Files["A5"];
var A6 = Request.Files["A6"];
var A7 = Request.Files["A7"];//
if (Request.Files.Count == )
{
//throw new Exception("请选择上传文件!");
}
for (int i = ; i < Request.Files.Count; ++i)
{
HttpPostedFileBase file = Request.Files[i];
// 文件名为空证明没有选择上传文件
if (file.FileName == "")
{
return Content("文件名空");
}
}
return View();
}

测试结果

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

js FormData 的使用的更多相关文章

  1. js formData图片上传(单图上传、多图上传)后台java

    单图上传 <div class="imgUp">     <label>头像单图</label>     <input type=&quo ...

  2. JS FormData 文件异步提交

    html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3 ...

  3. js FormData方法介绍

    1. 概述 FormData类型其实是在XMLHttpRequest 2级定义的,它是为序列化表以及创建与表单格式相同的数据(当然是用于XHR传输)提供便利. 2. 构造函数 创建一个formData ...

  4. JS formData

    有时候,我们需要使用formData来上传文件,并根据反馈的结果做不同的处理, 这个时候使用form来提交文件不方便 #perform 获取的的上传文件所用的input标签 var formData ...

  5. onethink上传图片(资源)和预览

    直接上干货 不废话了 普通上传:  onthink框架 后台已经有图片和文件上传功能 controller里只需: public function addPicture(){ /* 调用文件上传组件上 ...

  6. [ecmanget][常用标签]bookmark

    Bookmarks Bookmarks 书签栏 redis Try RedisRedisRedis应用2-Redis实现开发者头条页面点赞功能 - noaman_wgs的博客 - CSDN博客wind ...

  7. 原生js表单序列化----- FormData

    <style type="text/css"> .progress{ height: 10px; width: 600px; border: 1px solid red ...

  8. 原生js上传文件,使用new FormData()

    当创建一个内容较多的表单,表单里面又有了文件上传,文件上传也需要表单提交,单一的上传文件很好操作: <form action="接口" enctype="multi ...

  9. c#+js 使用formdata上传文件

    如果不是使用form表单submit的形式,我们可以手动通过formdata传值(针对文件上传等) 比如: <html> <head> <meta name=" ...

随机推荐

  1. 10.使用Mybatis-Generator自动生成Dao、Model、Mapping相关文件(转)

    出处:http://www.cnblogs.com/lichenwei/p/4145696.html Mybatis属于半自动ORM,在使用这个框架中,工作量最大的就是书写Mapping的映射文件,由 ...

  2. SQL Server 通过备份文件初始化复制 – 听风吹雨

    一.背景 MySQL在对有历史数据的数据库进行搭建复制(Master/Slave)的时候,可以通过在Master服务器备份历史数据,利用这个备份文件 在Slave进行还原:这样做的好处是可以更加快速的 ...

  3. CentOS6.2上安装Oracle10g报ins_emdb.mk错误处理方法

    oracle安装过程报ins_emdb.mk错误,此时继续点击“continue”即可,待Oracle完成安装后,再手工执行相应脚本完成链接即可 在CentOS6.2操作系统上,安装Oracle10g ...

  4. vs code--snippet与快速提示

    因为快速语法提示和建议冲突,所以要么禁用语法提示,要么禁用建议 Note that quick suggestions and Tab completion might interfere becau ...

  5. CODEVS——T 1004 四子连棋

    http://codevs.cn/problem/1004/  时间限制: 1 s  空间限制: 128000 KB  题目等级 : 黄金 Gold 题解  查看运行结果     题目描述 Descr ...

  6. D3D triangle list(三角形列) 小样例

    画三角形列的样例程序 #pragma once #pragma comment(lib,"d3d9.lib") #pragma comment(lib,"d3dx9.li ...

  7. HDU 5063 Operation the Sequence(暴力)

    HDU 5063 Operation the Sequence 题目链接 把操作存下来.因为仅仅有50个操作,所以每次把操作逆回去执行一遍,就能求出在原来的数列中的位置.输出就可以 代码: #incl ...

  8. iOS开发之获取沙盒路径

    iOS开发之沙盒机制(SandBox)具体解说了沙盒的一些机制.在开发中,我们须要对沙盒进行操作.所以我们须要获取到沙盒路径. 沙盒里的目录包含Documents.Library.tmp.这三个目录的 ...

  9. h5-7 canvas

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  10. 0x61 最短路

    终于会dij了原来我以前写的也是堆优化spfa-_-! poj3662DP 通过spfa来放缩(可怜我去年NOIP的day1t3啊) #include<cstdio> #include&l ...