![](/img/trans.png)
[英]how attach multiple file in using file upload in asp.net mvc using jquery ajax
[英]Upload file using Ajax call using ASP.NET MVC
我想使用以下方式在頁面中上傳文件:
<input type="file" name="FileName">
我有一個按鈕,單擊完成的ajax發布。
$.ajax({
cache: false,
async: true,
type: "POST",
url: '@Url.Content("~/OCR/OCRProcessor")',
data: '',
success: function (data) {
$('#ocrresult').val(data);
}
});
我想在控制器操作方法中上傳文件,如下所示:
HttpPostedFileBase hpf = Request.Files["FileName"] as HttpPostedFileBase
請讓我知道完成此任務的最佳方法 。
在這種情況下,jquery Forms插件 ( GitHub鏈接 )將是理想的選擇。 您可以像這樣簡單地做到這一點。 (包括以這種形式輸入的文件)
$('#myFormId').submit(function() {
// submit the form
$(this).ajaxSubmit();
// return false to prevent normal browser submit and page navigation
return false;
});
這將是一個無插件的方法(僅在Html5中使用),但我仍建議該插件
$("#myFormId").submit(function(){
var formData = new FormData($(this)[0]);
$.ajax({
url: "YourPath/ToAction",
type: 'POST',
data: formData,
async: false,
success: function (data) {
alert(data)
},
cache: false,
contentType: false,
processData: false
});
return false;
});
另一個不錯的插件 。
代碼顯示在這里
if (window.FormData !== undefined) {
var fileUpload = $("#FileUpload1").get(0);
var files = fileUpload.files;
var fileData = new FormData();
fileData.append('Type', Type ); //other requered pass data
fileData.append('name', dataRow.CustomerName); //other requered pass data
fileData.append('Id', dataRow.InvoiceId); //other requered pass data
fileData.append('subject', Sub); //other requered pass data
fileData.append('message', Mess); //other requered pass data
for (var i = 0; i < files.length; i++) {
fileData.append(files[i].name, files[i]);
}
$.ajax({
url: '/Email/SendEmail',
type: "POST",
contentType: false,
processData: false,
data: fileData,
success: function (data) {
if (data == "No") {
alert("Email Not Exist in Customer Master." );
}
if (data == "Not") {
alert("Email Not Exist in System Setting.");
}
if (data == "NotExist") {
alert("File Not Exist or Some Other Error");
}
if (data == "PassNot") {
alert("Email Password Not Exist in System Setting.");
}
if (data == "NotFile") {
$('btn-Print').trigger('click');
}
},
error: function (err) {
alert(err.statusText);
}
});
} else {
alert("FormData is not supported.");
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.