C#编程之c#+js 使用formdata上传文件-职坐标

C#编程之c#+js 使用formdata上传文件

小标 2019-01-15 来源：阅读 2666 评论 0

摘要：本文主要向大家介绍了C#编程之c#+js 使用formdata上传文件，通过具体的内容向大家展示，希望对大家学习C#编程有所帮助。

本文主要向大家介绍了C#编程之c#+js 使用formdata上传文件，通过具体的内容向大家展示，希望对大家学习C#编程有所帮助。

如果不是使用form表单submit的形式，我们可以手动通过formdata传值（针对文件上传等）

比如：

<html>
<head>
<meta name="viewport" content="width=device-width" />
<link href="~/jquery-easyui-master/themes/default/easyui.css" rel="stylesheet" />
<link href="~/jquery-easyui-master/themes/icon.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.10.2.js"></script>
<script src="~/jquery-easyui-master/jquery.easyui.min.js"></script>
<title>Test</title>
</head>

<body>
<input id="my" name="my" class="easyui-filebox" width="300"/>
@*<input name="my" type="file" width="300"/>*@
<button onclick="submitV();">提交</button>
<script> function submitV() { var dom = $(‘input[name="my"]‘)[0];//获取上传文件dom对象
var forms = $(‘<form></form>‘).append($(dom).clone());//复制dom对象，创建表单
var formData = new FormData(forms[0]); /*
由于easyui生成的dom有各种嵌套，直接通过id获取的dom不是一个type为file的input
这里可以通过设置name属性，通过name获取
formdata对象可以附加各种表单值,文件对象也是可以的
formData.append("myValue", ‘myValue‘);
formData.append("my", $(‘input[name="my"]‘)[0].files[0]);

还有一种方式就是通过form表单的dom去实例化foamdata，比如：
var formData = new FormData($(‘<form><input name="my" value="myvalue"/></form>‘)[0]); */

$.ajax({
url: ‘@Url.Action("TestPost")‘,
type: ‘POST‘,
data: formData,
async: false,
cache: false,
contentType: false,// 告诉jQuery不要去设置Content-Type请求头
processData: false// 告诉jQuery不要去处理发送的数据 });
} </script>
</body>
</html>