BlueIMP多文件上传器带ASP.NET MVC 3
-
16-11-2019 - |
题
我正在尝试添加 bluimp文件上传到MVC应用程序和我'm在帖子动作中接收文件的问题(即时为多文件上传功能)。扫描某人请帮我解决这个问题吗?
在我的视图中我有以下代码:
<form id="file_upload" enctype="multipart/form-data" action="Home/SaveFile" method="post">
<input type="file" name="file" multiple="true"/>
<button>Upload</button>
<div>Upload files</div>
</form>
<br />
###############################
<table id="files">
</table>
<button id="start_uploads">Start uploads</button>
<button id="cancel_uploads">Cancel uploads</button>
.
蓝色文件上传的jQuery代码如下:
$(document).ready(function () {
$('#file_upload').fileUploadUI({
uploadTable: $('#files'),
downloadTable: $('#files'),
buildUploadRow: function (files, index) {
return $('<tr><td class="file_upload_preview"><\/td>' +
'<td>' + files[index].name + '<\/td>' +
'<td class="file_upload_progress"><div><\/div><\/td>' +
'<td class="file_upload_start">' +
'<button class="ui-state-default ui-corner-all" title="Start Upload">' +
'<span class="ui-icon ui-icon-circle-arrow-e">Start Upload<\/span>' +
'<\/button><\/td>' +
'<td class="file_upload_cancel">' +
'<button class="ui-state-default ui-corner-all" title="Cancel">' +
'<span class="ui-icon ui-icon-cancel">Cancel<\/span>' +
'<\/button><\/td><\/tr>');
},
buildDownloadRow: function (file) {
return $('<tr><td>' + file.name + '<\/td><\/tr>');
},
beforeSend: function (event, files, index, xhr, handler, callBack) {
handler.uploadRow.find('.file_upload_start button').click(callBack);
}
});
$('#start_uploads').click(function () {
$('.file_upload_start button').click();
});
$('#cancel_uploads').click(function () {
$('.file_upload_cancel button').click();
});
});
.
和控制器内部以下操作方法:
[AcceptVerbs(HttpVerbs.Post)]
public ActionResult SaveFile(IEnumerable<HttpPostedFileBase> files)
{
foreach (HttpPostedFileBase file in files)
{
//some file upload magic
}
return View("MyView");
}
.
我正在使用mvc 3。
在操作方法中,如果参数是IEnumable的类型,它会收到null,如果参数是类型的httppostedfilebase,它会以奇怪的方式收到文件,并且操作方法不起作用它是如何假设它的假设。
任何类型的帮助都非常感谢,谢谢。
欢呼!
解决方案
The SaveFile
controller action will be called for each file. So it should look like this:
[HttpPost]
public ActionResult SaveFile(HttpPostedFileBase file)
{
//some file upload magic
// return JSON
return Json(new
{
name = "picture.jpg",
type = "image/jpeg",
size = 123456789
});
}
And if you want to handle multiple upload files in the same request you may take a look at the respective section of the documentation.
其他提示
To get the files you could use,
foreach (string inputTagName in Request.Files)
{
HttpPostedFileBase file = Request.Files[inputTagName];
}
I know that this is an old issue, but just to point in here. In addition to Darin Dimitrov post - returned json should be in format compatible with jQuery File Upload - which expects array even if one file is transmitted. For example:
return Json(
new
{
files = new[]{
new {
name = "www.png",
size = "1234567"
}
}
}
);