我无法在操作方法中将我的文件传递给 httppostedfilebase
I can't pass my file to httppostedfilebase in action method
我正在使用jquery表单插件将图像传递给我的操作方法。我似乎无法将控制器上的操作方法中的 httppostedfilebase 设置为正确的数据类型。
$('#imageform').submit(function () {
var id = $('#selectedFile').data('id');
//var filename = $('#selectedFile').val(); //.files[0];
//var filename = document.getElementById('selectedFile').files[0];
//var filename = input.files[0];
var filename = $('#selectedFile').prop('files');
var options = {
target: '#output',
enctype: 'multipart/form-data',
beforeSubmit: showRequest,
success: showResponse,
url: '/ManageSpaces/UploadImage',
data: {
id: id,
image: filename[0]
},
type: 'post'
};
$('#imageform').ajaxSubmit(options);
return false;
});
这是我的控制器的操作方法。
[HttpPost]
public ActionResult UploadImage(int id, HttpPostedFileBase image)
{
//do some stuff here
return Json("Saved");
}
HTML 表单数据
<form id="imageform" enctype="multipart/form-data">
<input type="file" id="selectedFile" name="selectedFile" style="display: none;" data-id='@Model.YogaSpaceId' />
<input type="button" value="Add Photos" class="btn" id="pictureupload" />
</form>
$('#imageform').submit(function () {
var formData = new FormData();
var totalFiles = document.getElementById("selectedFile").files.length;
for (var i = 0; i < totalFiles; i++) {
var file = document.getElementById("selectedFile").files[i];
formData.append("FileUpload", file);
}
$.ajax({
type: "POST",
url: '/Test/UploadImage/', //put your controller/action here
data: formData,
dataType: 'json',
contentType: false,
processData: false,
beforeSend: function (xhr) {
//do something before send
},
success: function (data) {
//do something if success
},
error: function (data) {
//do something if error
}
});
});
然后在您的控制器中:
[HttpPost]
public void UploadImage()
{
if (Request.Files.Count > 0) {
dynamic file = Request.Files(0);
//do something with your 'file'
}
}
相关文章:
- 如何播放部分音频文件
- 从桌面读取python文件时高亮显示代码
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 如何使用WCF服务和javascript表单post上传.doc文件
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 如何在生成下载文件时显示加载动画
- 有没有任何方法可以将控制器从文件加载到ui路由器$stateProvider中
- Javascript-如何读取json文件中的列并将其保存在Javascript数组中
- 将jsp文件下拉列表中的选定项分配给一个java变量(比如String selection)
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 如何在php文件中获取$.post-ajax传递的值
- 直接下载文件,而不是从window.open(url)
- 如何在android中使用phonegap将文件从一个文件夹移动/复制到另一个文件夹
- 使用压缩的JavaScript文件(不是运行时压缩)
- 在使用Polymer'加载所有json文件后执行方法;s的核心ajax
- 如何在elfinder插件(一个文件管理器插件)上获得上传前事件
- Javascript运行php文件,然后下载文件
- 节点Js:How to catch a“;没有这样的文件或目录“;读取线模块出错
- 我应该如何从xml文件构建一个javascript页面
- 通过Ajax将JavaScript函数传递给PHP文件