js FormData 的使用
<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 的使用的更多相关文章
- js formData图片上传(单图上传、多图上传)后台java
单图上传 <div class="imgUp"> <label>头像单图</label> <input type=&quo ...
- JS FormData 文件异步提交
html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3 ...
- js FormData方法介绍
1. 概述 FormData类型其实是在XMLHttpRequest 2级定义的,它是为序列化表以及创建与表单格式相同的数据(当然是用于XHR传输)提供便利. 2. 构造函数 创建一个formData ...
- JS formData
有时候,我们需要使用formData来上传文件,并根据反馈的结果做不同的处理, 这个时候使用form来提交文件不方便 #perform 获取的的上传文件所用的input标签 var formData ...
- onethink上传图片(资源)和预览
直接上干货 不废话了 普通上传: onthink框架 后台已经有图片和文件上传功能 controller里只需: public function addPicture(){ /* 调用文件上传组件上 ...
- [ecmanget][常用标签]bookmark
Bookmarks Bookmarks 书签栏 redis Try RedisRedisRedis应用2-Redis实现开发者头条页面点赞功能 - noaman_wgs的博客 - CSDN博客wind ...
- 原生js表单序列化----- FormData
<style type="text/css"> .progress{ height: 10px; width: 600px; border: 1px solid red ...
- 原生js上传文件,使用new FormData()
当创建一个内容较多的表单,表单里面又有了文件上传,文件上传也需要表单提交,单一的上传文件很好操作: <form action="接口" enctype="multi ...
- c#+js 使用formdata上传文件
如果不是使用form表单submit的形式,我们可以手动通过formdata传值(针对文件上传等) 比如: <html> <head> <meta name=" ...
随机推荐
- salt 批量添加route路由
安装net-tools包 因为其余机器没有网络,使用rpm包安装,并添加缺省路由. [root@web1 base]# tree . ├── add-route.sls ├── files │ └ ...
- Django-xadmin+django-import-export导入导出的实现
转载自:https://blog.csdn.net/zcyuefan/article/details/77748850 1. 需求vs现状1.1 需求要求做一个ERP后台辅助管理的程序,有以下几项基本 ...
- python orm框架-----SQLALchemy-查询篇
似乎ORM最难设计的部分是查询.特别是面向对象的查询,今天学习SQLAlchemy,发现SQLAlchemy的查询语法竟如此灵活,惊叹其如此强大的表达能力的同时也对Python也有了更深的认识.下面看 ...
- 彻底禁用chrome请停用以开发者模式运行的扩展程序弹框
首先上图 怎么解决呢? 进入安装目录-->下图目录(一串数字的目录) 2. 找到chrome.dll 3.下载patch.exe 下载网址 https://itdocs.pipipan.co ...
- List集合中把其中一个元素 调整到集合的第一位
要求:现在想把集合中的某个元素,放到该集合的第一个位置,但是其他元素的顺序不需要管. 方法:需要遍历集合,找到这个元素在集合中的位置,然后使用Collections.swap(list,o,i) (O ...
- Spring Cloud-hystrix Feign(九)
前面使用ribbon拦截RestTemplate 实现服务的负载均衡 使用Hystrix进行熔断降级请求缓存 用原生的方式 将会有大量的模板代码,feigin就是rabbon和Histrix的整合 ...
- 洛谷 P2399 non hates math
P2399 non hates math 题目背景 non习惯将分数化成小数,但在数学中要以分数形式写,不能化成小数 因此non找到了会编程的你,帮助他将小数化回分数 题目描述 给出一个小数,将它化成 ...
- 洛谷 P2534 [AHOI2012]铁盘整理
P2534 [AHOI2012]铁盘整理 题目描述 输入输出格式 输入格式: 共两行.第一行为铁盘个数N(1<=N<=50),第二行为N个不同的正整数,分别为从上到下的铁盘的半径R.(1& ...
- GMGDC专訪戴亦斌:具体解释QAMAster全面測试服务6大功能
GMGDC专訪戴亦斌:具体解释QAMAster全面測试服务6大功能 2014/10/10 · Testin · 业界资讯 在9月24-25日第三届全球移动游戏开发人员大会上,Testin云測COO戴亦 ...
- HDU 1754 I Hate it (线段树最大值模板)
思路:与我发表的上一遍求和的思想一样 仅仅是如今变成求最大值而已 AC代码: #include<iostream> #include<cstdio> #include< ...