Asp.net mvc4用JQuery插件實現異步上傳

時間 2020-01-09

標籤 asp.net asp mvc4 mvc jquery 插件實現異步上傳欄目 ASP 简体版

原文原文鏈接

下載異步上傳插件AjaxFileUploader，下載地址：http://phpletter.com/DOWNLOAD/javascript

解壓，保存在 asp.net mvc項目的一個文件夾下，以下圖：

1. Controller層

public ActionResult View3()

{

return View();

}

[HttpPost]

public ActionResult View3(HttpPostedFileBase file)

{

if (file == null)

{

return Content("沒有文件！", "text/plain");

}

var fileName = Path.Combine(Request.MapPath("~/UploadFiles"), Path.GetFileName(file.FileName));

try

{

file.SaveAs(fileName);

return Content("上傳成功！", "text/plain");

}

catch

{

return Content("上傳異常！", "text/plain");

}

2. View層：

Layout = null;

}

<!DOCTYPE html>

<html>

<head>

function ajaxFileUploads() {

$("#loading").ajaxStart(function () {

$(this).show();

})//開始上傳文件時顯示一個圖片

.ajaxComplete(function () {

$(this).hide();

});//文件上傳完成將圖片隱藏起來

$.ajaxFileUpload({

url: '/Test/View3',//後臺處理的action

secureuri: false,

fileElementId: 'file',//上傳的控件名

dataType: 'text',

success: function (data, status) {

$("#mydiv").html( data);

error: function (data, status, e) {

$("#mydiv").html( data + " " + e);

}

})

return false;

}

</script>

</head>

<body>

<br />

</body>

</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。