js FormData 的使用
2024-08-23 22:50:02
<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); //图片路径
}
}
最新文章
- [WPF]UserControl的MouseWheel事件触发
- Javascript事件冒泡机制
- 【转载】Java中如何写一段内存泄露的程序 &; ThreadLocal 介绍和使用
- iOS中构造函数与析构函数
- boa,thttp服务器安装,配置,测试
- 2015年ACM长春区域赛比赛感悟
- 3D数学基础(二)向量
- Oracle表空间碎片整理SHRINK与MOVE
- c#英文大小写快捷键
- python3 练习题(多级菜单)
- RN原生调用一:安卓Toast
- springmvc常用的组件,注解,跳转
- PCL源码剖析之MarchingCubes算法
- PAT L1-034 点赞
- 火狐浏览器(FireFox)安装Flash插件失败处理方法
- python中,将字符串由utf8转gbk
- 最基础的PHP分类查询程序
- 解决ubantu中sublime不支持中文的方法
- A - Dictionary
- 使用ServletContainerInitializer动态注册组件
热门文章
- 洛谷P1781 宇宙总统【排序+字符串】
- jenkins+svn+tomcat部署war包
- Linux下进程与线程的区别
- 43.mapping的理解
- datawhale爬虫实训4
- Bootstrap关于排版
- 00063_String类
- 利用IO多路复用,使用linux下的EpollSelector实现并发服务器
- 图论&#183;Floyd算法&#183;HDU2544&;1874 (伪)2066
- 洛谷 P1903 BZOJ 2120 清橙 A1274【模板】分块/带修改莫队(数颜色)(周奕超)