1、form中,有文件上传输入,
<form action="/task/xxxController" enctype="multipart/form-data" id="mainForm" method="post" >
<input id="FileUpload" type="file" name="files" />
</form>
2、如此上传文件后,使用$("#mainForm").submit(); 提交后,在后台Controller中获取文件即可,
获取方式为:
HttpPostedFileBase file = Request.Files["files"];
其中,[]中为input的名字。
3、后期,为了在提交form时做其他处理,将提交方式修改为下面这种方式:
$.ajax({
cache: true,
type: "POST",
url:"/task/xxxController",
data:$('#mainForm').serialize(),
async: false,
error: function(request) {
alert("工单保存错误!");
},
success: function(data) {
/alert("form 提交成功!");
}
});
修改后发现,在后台中,无法获得文件了,即$('#mainForm').serialize(),无法序列化文件。
4、最后,为了能够序列化文件将之传递到后台,使用如下方式处理:
var formData = new FormData($("#mainForm")[0]);
$.ajax({
cache: true,
type: "POST",
url:"/task/xxxController",
data: formData,
async: false,
contentType: false,
processData: false,
error: function (request) {
alert("工单保存错误!");
},
success: function (data) {
alert("form 提交成功!");
}
});
使用FormData的方式序列化form,可以将之传递到后台,另外,processData需要设置。
相关推荐
通过序列化对象的方式实现的自定义工程文件功能。 一、涉及技术: 1.序列化:通过对象序列化,保存对象ProClass的两个属性到二进制文件中,然后再通过反序列化把保存2.的两个属性读出来。 窗体间变量的值传递:将...
NULL 博文链接:https://goro.iteye.com/blog/1671322
基于jquery实现的form表单的序列化与反序列化。除了基本的form元素外,增加了easyui combobox的序列化与反序列化,其它类型的如有需要可自行实现。 下拉框会怎么生成以"_autoAppText"的属性记录文本,反序列时,会...
解决上传文件enctype= multipart/form-data 时无法传递其他参数的问题,以及项目全局编码问题。用的插件是commons io + commons fileupload
<form method="post" ENCTYPE="multipart/form-data"> file类型职务的普通参数传递到后台问题解决
基于WindowForm应用程序C#语言通过实际案例实现将对象保存到文件及从已保存的文件中读取对象(直接保存与读取、通过序列化与反序列化方式进行对象保存与读取)
form type=file提交图片或文件
本文介绍了Node Js 使用KOA处理form-data格式传输过来的文件,分享给大家。...form表单【注意:enctype=”multipart/form-data”】上传文件时,首先会将文件上传到你本机的temp目录,然后执行move_upload_file
使用SoapFormatter类的序列化和反序列化公共方法实现以XML形式读写图像文件
jQuery没有直接支持form到json的序列化方法,目前网上有一个实现是这样的
Form中显示Usercontrol通过委托事件方法实现Form与Usercontrol的数据传递
利用C#编写的,不同Form之间值的传递方法总结。包括:公共变量、窗口调用、构造函数三种方法的实现。适合初学者学习。
本文实例讲述了jQuery实现form表单序列化转换为json对象功能。分享给大家供大家参考,具体如下: 做web前端开发时,需要ajax提交大量表单数据,如果一个个form字段拼接很费劲也容易出错,下面方法可解决这个问题 &...
form提交的时候以json对象的方式传递,需要使用的转化工具。
解决java enctype multipart form-data文件上传传值问题 不使用jspsmartupload组件 可以轻轻松松 解决传值问题
form的序列化,即将表单中的键值序列化为可提交的字符串 表单 <form id=target> <select name=age> <option value=age1>20 <option value=age2>21 </select> <input name=name value=...
通过传统的 form 表单提交的方式上传文件 <form id="uploadForm" action="" method="post" enctype="multipart/form-data"> 上传文件:<...使用 serialize() 对 form 表单进行序列化提交 $.a
Jquery自带的序列化,仅对form表单进行序列化,有很大的局限性,现在对齐进行扩展可以进行任意的序列化,包括json格式,字符串格式、数组格式,数组时自动转化为字符串等。并可以根据开发需要,随时扩展自己想要的...
主要介绍了C# http系列之以form-data方式上传多个文件及键值对集合到远程服务器,需要的朋友可以参考下
在进行表单提交时,会遇到在提交前增加额外参数的情况,主要有以下几种方法,大家可以根据自己的需求进行选择