MVC Ajax上传文件

最新推荐文章于 2021-08-06 13:05:39 发布

dhh121195

最新推荐文章于 2021-08-06 13:05:39 发布

阅读量127

点赞数

文章标签：测试 javascript ViewUI

原文链接：http://www.cnblogs.com/magicsong/p/8317749.html

版权

前台：首先要导入jQuery

<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<script src="~/scripts/jquery-3.2.1.js"></script>
<script type="text/javascript">
function SubFile() {
var fileUpload = $("#fupload").get(0);
var files = fileUpload.files;
var data = new FormData();
for (var i = 0; i < files.length; i++) {
data.append(files[i].name, files[i]);
}
var baseUrl = "/Default/UploadFile" + "?r=" + Math.random();
$.ajax({
url: baseUrl,
type: "POST",
data: data,
contentType: false,
processData: false,
success: function (result) {
alert(result);
},
error: function (err) {
alert("出现错误：" + err.statusText)
}
});
}

function UpSubFile() {
$("#fupload").click();
}
</script>
</head>
<body>
<div>
单文件上传：
<input type="file" id="fupload" style="display:none" οnchange="SubFile()" />
<input type="button" value="上传" οnclick="UpSubFile()" />

多文件上传：
<input type="file" multiple id="fuploadMult" οnchange="SubFile()" />

</div>
</body>
</html>

后台：

[HttpPost]
public string UploadFile()
{
try
{
HttpFileCollection files = System.Web.HttpContext.Current.Request.Files;
foreach (string item in files)
{
HttpPostedFile file = files[item];
var fileName = Path.GetFileName(file.FileName);
var filePath = "/Content/UploadFile";

string newFileName = Guid.NewGuid().ToString() + fileName;

file.SaveAs(Server.MapPath(Path.Combine(filePath, newFileName)));
}

return "OK";
}
catch (Exception ex)
{
return ex.Message;
}
}

转载于:https://www.cnblogs.com/magicsong/p/8317749.html

dhh121195

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
MVC Ajax上传文件

前台：首先要导入jQuery<html><head> <meta name="viewport" content="width=device-width" /> <title>Index</title> <script src="~/scripts/jquery-3.2.1.js"></s...
复制链接

扫一扫