Asp.Net Core 2.0 WebUploader FastDfs 文件上传 分段上传
功能点:
1. 使用.net core 2.0 实现文件上传
2. 使用webuploader实现单文件,多文件上传
3. 使用webuploader实现大文件的分段上传。
4. 使用webuploader与FastDfs实现文件上传。
5. 通过依赖注入可以很方便地实现本地文件存储切换为FastDfs
主要功能:
直接上代码:
1. 使用.net core 2.0 实现文件上传
public ActionResult Upload(IFormCollection files)
{
var result = new UploadResult(); foreach (var item in files.Files)
{
#region 把文件流转化为字节流
byte[] buffer = new byte[item.Length]; Stream fs = item.OpenReadStream(); fs.Read(buffer, , buffer.Length);
#endregion UploadConfig config = new UploadConfig
{
Buffer = buffer,
FileName = item.FileName,
Chunked = files.Keys.Contains("chunk"),
PreviosName = files["previosName"]
}; result = _provider.Upload(config);
}
return Json(result);
}
这里要注意参数,使用的是IFormCollection,没有使用IFormFile,使用后者的话,不能接收前台发送的自定义参数。虽然我用了fforeach循环,但实现上它的files count只有一个,不管前台发送的是一个文件,还是多个文件,这点还要研究一下,是不是有配置。
private readonly IFileSystemProvider _provider; public HomeController(IFileSystemProvider provider)
{
_provider = provider; }
IFileSystemProvider 为定义的接口,分别有本地文件存储,和分布式文件存储两种实现方式,后面会奉上代码。 2. 使用webuploader实现单文件,多文件上传
这里主要上前台代码:
// 实例化
uploader = WebUploader.create({
pick: {
id: '#filePicker',
label: '点击选择文件'
},
dnd: '#dndArea',
paste: '#uploader',
swf:'lib/webuploader/Uploader.swf',
chunked: true, //分片处理大文件
chunkSize: 1 * 1024 * 1024,
server: home/upload,
disableGlobalDnd: true,
threads: 1, //上传并发数
fileNumLimit: 300,
compress: false, //图片在上传前不进行压缩
fileSizeLimit: 1024 * 1024 * 1024, // 1024 M
fileSingleSizeLimit: 1024 * 1024 * 1024 // 1024 M
});
初始化webuploader这里要注意threads我想的是1,如果分段上传,几个分段同时发送的话,后台如果写入是个问题,特别是使用fastdfs, .net版本的sdk还不支持指定位置写入的功能。
注意到一个事件:它是实现分段上传重中之重
uploader.on('uploadAccept', function (file, response) {
if (file.chunk + 1 !== file.chunks) {
$.extend(uploader.options.formData, { previosName: response.filePath });
} else {
$.extend(uploader.options.formData, { previosName: "" });
}
return true;
});
这里着重解释一下。看到网上关于文件分段上传,都是在服务器端用临时文件记录着文件上传的地址,当有分段信息到达时,会查询临时文件,取出文件地址,然后再往这个地址追加文件流。
这样增加了服务器端的复杂度,而且如果是分布式部署的话,会存在找到临时文件的问题,进而会考虑到数据库和分布式缓存的解决方案,更加复杂了。
这里简单说明一下解决思路:
1) 后台:第一段上传成功后,返回文件地址。如代码的 return Json(result);
2) 前台:使用uploadAccept事件接收文件信息和后台返回地址。
3)前台:在uploadAccept事件中:添加往后台发送的参数previosName:第一段返回的文件地址。
这里要注意如果是多个文件上传的话,第二个文件的第一个分段不能带有第一个文件的上传地址,如上代码所示
4) 后台:如上面的代码所示,接收前台发送的文件地址,做文件的追加,即可。
3. 使用webuploader实现大文件的分段上传。
下面是服务端的代码:
public UploadResult Upload(UploadConfig config)
{
//相对路径
string path = GetFileName(config); //根据路径创建一个新的文件,并在指定位置写入字节,如果文件已存在,就追加
using (FileStream fs = File.OpenWrite(Path.Combine(_option.RootFilePath, path)))
{
if (fs.CanWrite)
{
fs.Seek(fs.Length, SeekOrigin.Current);
fs.Write(config.Buffer, , config.Buffer.Length);
fs.Flush();
fs.Close();
}
} return new UploadResult { FilePath = path, OriginalName = config.FileName };
} private string GetFileName(UploadConfig config)
{
string path; if (string.IsNullOrEmpty(config.PreviosName))
{
path = Path.Combine(subDirectory, $"{GuidTo16String()}.{config.FileName}"); //返回的相对路径和文件名 CheckSavePath();
}
else
{
path = config.PreviosName;
if (string.IsNullOrEmpty(config.PreviosName))
{
throw new ArgumentNullException("PreviosName 参数不能为空");
}
} return path;
} private string CheckSavePath()
{
var path = Path.Combine(_option.RootFilePath, subDirectory); // 如何路径不存在,就创建文件路径
if (!Directory.Exists(path))
{
Directory.CreateDirectory(path);
} return path;
}
这里关注一下GetFileName方法:代码很简单,就不做说明了。
4. 使用webuploader与FastDfs实现文件上传
前端代码和服务端的action的代码是一样的。主要是写文件的方式不一样,主要代码如下:
public UploadResult Upload(UploadConfig config)
{
if (string.IsNullOrEmpty(config.PreviosName))
{
var fileName = string.Empty;
var storageNode = _client.GetStorageNode(config.GroupName); if (!config.Chunked)
{
fileName = _client.UploadFile(storageNode, config.Buffer, Path.GetExtension(config.FileName));
}
else
{
//分段上传需要调用这个方法
fileName = _client.UploadAppenderFile(storageNode, config.Buffer, Path.GetExtension(config.FileName));
} return new UploadResult { FilePath = fileName, OriginalName = config.FileName };
}
else
{
//分段上传:需要提供上传GroupName, 文件上传地址PreviosName,文件上传内容filebody
//续传 地址config.PreviosName
_client.AppendFile(config.GroupName, config.PreviosName, config.Buffer); return new UploadResult { FilePath = config.PreviosName, OriginalName = config.FileName };
}
}
这里注意分段上传的文件,第一段上传使用的方法是UploadAppenderFile,后续使用的是AppendFile。
连接FastDfs的代码如下:
public class FastDfsClientProvider : IFastDfsClientProvider
{
private readonly FastDfsOption _options; public FastDfsClientProvider(FastDfsOption options)
{
_options = options;
} public FastDfsClient GetClient()
{
return new FastDfsClient(new List<IPEndPoint>
{
new IPEndPoint(IPAddress.Parse(_options.IpAddress), _options.Port)
});
}
}
5. 通过依赖注入可以很方便地实现本地文件存储切换为FastDfs
代码如下:
public void ConfigureServices(IServiceCollection services)
{
services.AddMvc(); services.AddTransient<IFileSystemProvider>(m=> {
IHostingEnvironment env = m.GetService<IHostingEnvironment>(); LocalFsOption lOption = new LocalFsOption
{
RootFilePath = Path.Combine(env.ContentRootPath, "Files")
};
return new LocalFsProvider(lOption);
});
}
如果想换实现的话 改一个return new LocalFsProvider(lOption),配置一下参数就行了。
部分代码参考博友,找不到出处了,请凉解。
Asp.Net Core 2.0 WebUploader FastDfs 文件上传 分段上传的更多相关文章
- 基础教程:上传/下载ASP.NET Core 2.0中的文件
问题 如何上传和下载ASP.NET Core MVC中的文件. 解 在一个空的项目中,更新 Startup 类以添加MVC的服务和中间件. publicvoid ConfigureServices( ...
- 用VSCode开发一个asp.net core2.0+angular5项目(5): Angular5+asp.net core 2.0 web api文件上传
第一部分: http://www.cnblogs.com/cgzl/p/8478993.html 第二部分: http://www.cnblogs.com/cgzl/p/8481825.html 第三 ...
- ASP.NET Core 1.0中实现文件上传的两种方式(提交表单和采用AJAX)
Bipin Joshi (http://www.binaryintellect.net/articles/f1cee257-378a-42c1-9f2f-075a3aed1d98.aspx) Uplo ...
- [译]ASP.NET Core 2.0 机密配置项
问题 如何在ASP.NET Core 2.0中保存机密配置项(不用将其暴露给源代码管理器)? 答案 创建一个ASP.NET Core 2.0空项目,在项目节点上点击右键,并点击菜单项 - 管理用户机密 ...
- 探索 ASP.Net Core 3.0系列五:引入IHostLifetime并弄清Generic Host启动交互
前言:在本文中,我将介绍如何在通用主机之上重新构建ASP.NET Core 3.0,以及由此带来的一些好处. 同时也展示了3.0中引入新的抽象类IHostLifetime,并描述了它在管理应用程序(尤 ...
- ASP.NET Core 1.0 静态文件、路由、自定义中间件、身份验证简介
概述 ASP.NET Core 1.0是ASP.NET的一个重要的重新设计. 例如,在ASP.NET Core中,使用Middleware编写请求管道. ASP.NET Core中间件对HttpCon ...
- [译]ASP.NET Core 2.0 本地文件操作
问题 如何在ASP.NET Core 2.0中受限地访问本地目录和文件信息? 答案 新建一个空项目,修改Startup类,添加访问本地文件所需的服务: public void ConfigureSer ...
- ASP.NET Core 1.0: 指定Static File中的文件作为default page
指定一个网站的default page是很容易的事情.譬如IIS Management中,可以通过default page来指定,而默认的index.html, index.htm之类,则早已经被设置 ...
- ASP.NET Core 1.0 开发记录
官方资料: https://github.com/dotnet/core https://docs.microsoft.com/en-us/aspnet/core https://docs.micro ...
随机推荐
- 如何使文本溢出边界不换行强制在一行内显示?#test{width:150px;white-space:nowrap;}
#test{width:150px;white-space:nowrap;}
- celery-rabbitmq 安装部署
一:Python安装 1.下载python3源码 wget https://www.python.org/ftp/python/3.5.0/Python-3.5.0.tgz 2.解压 tar xf P ...
- 004-集成maven和Spring boot的profile功能打包
参考地址:https://blog.csdn.net/lihe2008125/article/details/50443491 一.主要目标 1.通过mvn在命令行中打包时,可以指定相应的profil ...
- Spring第二弹—–搭建与测试Spring的开发环境
PS:Spring既可以使用在javaSE中,也可以使用在javaWeb中. 使用Spring需要的jar 下载spring(我下载的是2.5.6版本),然后进行解压缩,在解压目录中找到下面jar文件 ...
- Go实现查找目录下(包括子目录)替换文件内容
[功能] 按指定的目录查找出文件,如果有子目录,子目录也将进行搜索,将其中的文件内容进行替换. [缺陷] 1. 没有过滤出文本文件 2. 当文件过大时,效率不高 [代码] package main i ...
- Redis操作手册
一.Redis简介 1.1 NoSQL NoSQL,泛指非关系型数据库,NoSQL数据库分为四大类:键值存储数据库(Redis,Voldemort,Oracle BDB).列存储数据库(HBase,R ...
- docker镜像上传到阿里云
目前上传本地镜像到网上有多种途径,一个是上传到hub上,一个是阿里云镜像仓库,还要其他服务器. 上传到hub上实在是太慢了,我的服务器用的是阿里云,所以选择上传到阿里云镜像仓库中. 前提条件:linu ...
- Mac电脑下-nodejs安装卸载升级
一.Mac 安装nodejs: 1:brew install node 2:官网上下载指定版本(.pkg)双击安装 二.Mac 卸载nodejs: 1: brew的安装方式的卸载: brew un ...
- sql 自定义函数返回中文,数字,英文
--提取数字IF OBJECT_ID('DBO.GET_NUMBER2') IS NOT NULLDROP FUNCTION DBO.GET_NUMBER2GOCREATE FUNCTION DBO. ...
- Zen Cart屏蔽中文语言浏览器
在根目录下的index.php前面加上以下这段代码即可: if(preg_match("/zh-cn/is",$_SERVER['HTTP_ACCEPT_LANGUAGE'])){ ...