asp.net mvc 实现文件上传带进度条的思路与方法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了asp.net mvc 实现文件上传带进度条的思路与方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2860字，纯文字阅读大概需要5分钟。
内容图文
实现思路
ajax异步上传文件，且开始上传文件的时候启动轮询来实时获取文件上传进度。保存进度我采用的是memcached缓存，因为项目其他地方也用了的，所以就直接用这个啦。注意：不能使用session来保存进度，因为session是线程安全的不能实时获取进度，可是试试httpcache或者memorycache，这两个我没有试过，请自行尝试。
ps:使用websocket来实现也是不错的，不过我没有试过，有心的大神可以去试试。
下面贴效果图：
实现方法如下
前端ajax上传文件，我使用了两种jq插件。一种是ajaxfileupload，一种是jquery.form.js(如需下载，请百度)。关于更多jQuery插件用法还可参阅本站相关专题： 《jQuery常用插件及用法总结》 。
下面的代码是ajaxFileUpload的：
$.ajaxFileUpload
(
{
url: '/WxManage/Media/UploadImage', //用于文件上传的服务器端请求地址
secureuri: false, //是否需要安全协议，一般设置为false
fileElementId: 'postFile', //文件上传域的ID
type:"post",
dataType: 'json', //返回值类型 一般设置为json
success: function(data, status) //服务器成功响应处理函数
{
CloseProgressbar();//关闭进度条 设置进度条进度为100
if (data.status == 1) {
layer.msg(data.msg, { icon: 1, time: 1000 },function() {
parent.location.reload();
});
} else {
$("#btnUploadFile").attr("disabled", false);
layer.msg(data.msg, { icon: 2, time: 1000 });
}
},
error: function(data, status, e) //服务器响应失败处理函数
{
$("#btnUploadFile").attr("disabled", false);
CloseProgressbar();
layer.closeAll("dialog");
layer.msg("上传失败", { icon: 2, time: 1000 });
}
}
);
后端接收文件上传请求的action：
[HttpPost]
public ActionResult UploadImage(HttpPostedFileBase postFile)
{
if (postFile == null)
{
return Json(BasicConfig.MessageConfig.Fail("上传文件不得为空"));
}
try
{
string format = postFile.FileName.Split('.').Last();//后缀名
SaveFile(postFile);
return Json(BasicConfig.MessageConfig.Success("上传成功"));
}
catch (Exception ex)
{
return Json(BasicConfig.MessageConfig.Fail("上传失败"));
}
}
SaveFile方法是保存文件的方法，采用的是文件流方式保存以便于计算上传进度：
核心代码：
FileStream fs = new FileStream(fileSavePath, FileMode.Create);
BinaryWriter bw = new BinaryWriter(fs);
BinaryReader br = new BinaryReader(postFile[i].InputStream);
int readCount = 0;//单次读取的字节数
while ((readCount = br.Read(bufferByte, 0, readBufferSize)) > 0)
{
bw.Write(bufferByte, 0, readCount);//写入字节到文件流
bw.Flush();
saveCount += readCount;//已经上传的进度
mem.SetValue("Admin_UploadSpeed_" + Session.SessionID, (saveCount * 1.0 / totalCount).ToString("0.00"), 60);//将更新到memcached缓存中
Thread.Sleep(200);//为了看到明显的过程故意暂停
}
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。
内容总结
以上是互联网集市为您收集整理的asp.net mvc 实现文件上传带进度条的思路与方法全部内容，希望文章能够帮你解决asp.net mvc 实现文件上传带进度条的思路与方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。