在平台开发中,我们往往对性能要求十分严苛,每一个字段、接口都有严格的要求。

系统中文件流操作十分占用资源,这里为大家介绍对文件上传进行哈希校验---同一文件只允许上传一次到服务器,其他的上传只要指向文件地址即可。

首先需要设计一张用于文件管理的业务表:

    public class SysFile
{
public int Id { get; set; } /// <summary>
/// 文件名称
/// </summary>
[StringLength(100)]
public string FileName { get; set; } /// <summary>
/// 文件存放路径
/// </summary>
[StringLength(200)]
public string FilePath { get; set; } /// <summary>
/// 存放目录
/// </summary>
[StringLength(100)]
public string FileDirectory { get; set; } /// <summary>
/// 文件大小
/// </summary>
public int FileSize { get; set; } /// <summary>
/// 哈希值 SHa256
/// </summary>
[StringLength(100)]
public string Hash { get; set; } /// <summary>
/// 关联表
/// </summary>
public string LinkName { get; set; } /// <summary>
/// 关联ID
/// </summary>
public int LinkID { get; set; }
}

实际项目中可以根据该表写一个领域服务,方便接口调用。

由于需要验证文件是否存在,所以需要提供查询和上传接口:

        public async Task<List<UploadFileDto>> Check(List<UploadFileDto> input)
{
var existFiles = await _fileRepository.GetAllListAsync(_ => input.Select(f => f.FileHash).Contains(_.Hash));
foreach (var file in input)
{
var existFile = existFiles.FirstOrDefault(_ => _.Hash == file.FileHash);
if(existFile!=null)
{
input.Remove(file);
}
}
return input;
} public async Task<bool> Upload(IFormFileCollection files)
{
if (!files.Any())
return false; var filePath = Path.Combine(_env.ContentRootPath, "wwwroot/Upload");
if (!Directory.Exists(filePath)) Directory.CreateDirectory(filePath); foreach (var file in files)
{
var fileName = $"{Guid.NewGuid()}@{file.FileName}";
var tempFilePath = Path.Combine(filePath, fileName); using (var fileStream = new FileStream(Path.Combine(filePath, fileName), FileMode.Create))
{
await file.CopyToAsync(fileStream);
}
} return true;
}
UploadFileDto:
    public class UploadFileDto
{
public string FileHash { get; set; } public string FileName { get; set; }
}

后台需要以下步骤:

1、对前端计算的文件哈希值进行查询,返回数据库中不存在的文件信息

2、将已存在的文件进行路径指向,此时这些文件就不需要再次上传,只要在数据库中加一条路径指向就可以了

3、对服务器不存在的文件进行逐一上传

由于文件的hash算法是在前端实现,所有后台处理的方式有多种,大家可以根据自己的业务和需求进行调整。

前端(angular)的实现,前端的实现是采用开源的js包,所以任何框架均可实现

首先安装js-sha256包:npm install js-sha256

在需要上传的模块中进行引用:  import { sha256 } from 'js-sha256';

这里使用的是primeng中的上传组件,在选择文件后进行哈希计算:

    onSelect(event, form): void {
if (form.files.length == 1) {
this.uploadDto.pop();
}
for (const file of event.files) {
let self = this;
let fr = new FileReader();
var upload = new UploadFileDto();
upload.fileName = file.name;
fr.readAsArrayBuffer(file);
fr.onload = function (data: any) {
let fi = data.target.result;
var hash = sha256(fi);
upload.fileHash = hash;
self.uploadDto.push(upload);
}
}
}

点击上传:

    myUploader(event, form): void {
if (event.files.length == 0) {
return;
} this.uploading = true;
this._filesUploadService.check(this.uploadDto)
.subscribe(result => {
this.uploadDto = result;
}); let input = new FormData();
for (const file of event.files) {
var uploadFile = this.uploadDto.find(_ => _.fileName == file.name);
if (uploadFile) {
input.append('files', file);
}
}
this._httpClient
.post(this.uploadUrl, input)
.subscribe(result => {
if (result) {
for (const file of event.files) {
this.uploadedFiles.push(file);
}
form.clear();
this.uploading = false;
this.message.success('上传成功!');
}
else {
this.uploading = false;
this.message.error('上传失败!');
}
},
error=>{
this.message.error('上传失败!');
});
}

其他开发人员可能对angular语法有点难懂,其实核心只有三步:

1、选择文件并对文件进行计算

2、上传计算的文件信息并获取返回信息

3、对返回的文件信息进行包装,将文件流一并传入接口

总结:以上只是对文件校验上传的简单实现,如有不足之处,还请多多赐教。

文件hash、上传,实现文件上传重复验证的更多相关文章

  1. 【Java EE 学习 22 上】【文件上传】【目录打散】【文件重命名】

    1.文件上传概述 (1)使用<input type="file">的方式来声明一个文件域. (2)表单提交方式一定要是post方式才行 (3)表单属性enctype 默 ...

  2. Linux 终端访问 FTP 及 上传下载 文件

    今天同事问我一个问题,在Linux 下访问FTP,并将文件上传上去. 我之前一直是用WinSCP工具的. 先将文件从linux copy到windows下,然后在传到ftp上.google 一下. 方 ...

  3. shell ftp上传下载文件

    1. ftp自动登录批量下载文件. #####从ftp服务器上的/home/data 到 本地/home/databackup#### #!/bin/bash ftp -n<<! open ...

  4. 利用HTML5分片上传超大文件

    在网页中直接上传大文件一直是个比较头疼的问题,主要面临的问题一般包括两类:一是上传时间长中途一旦出错会导致前功尽弃:二是服务端配置复杂,要考虑接收超大表单和超时问题,如果是托管主机没准还改不了配置,默 ...

  5. Linux 终端訪问 FTP 及 上传下载 文件

    今天同事问我一个问题,在Linux 下訪问FTP,并将文件上传上去. 我之前一直是用WinSCP工具的. 先将文件从linux copy到windows下,然后在传到ftp上. google 一下. ...

  6. Linux 终端访问 FTP 及 上传下载 文件[转]

    1.      Linux 终端连接FTP [oracle@Dave ~]$ ftp 10.85.7.97 Connected to 10.85.7.97. 220 Serv-U FTP Server ...

  7. C#使用七牛云存储上传下载文件、自定义回调

    项目需要将音视频文件上传服务器,考虑并发要求高,通过七牛来实现. 做了一个简易的压力测试,同时上传多个文件,七牛自己应该有队列处理并发请求,我无论同时提交多少个文件,七牛是批量一个个排队处理了. 一个 ...

  8. WebUploader 解决文件多次上传和删除上传文件的问题

    文件多次上传有两种情况: 1. 上传前的多次选择 2. 上传成功后,再次选择 其实API上,已经有了介绍了,不知道为什么有同学还是不知道如何做,我来抛砖引玉吧. 配置项: duplicate {Boo ...

  9. java+上传大文件

    在Web应用系统开发中,文件上传和下载功能是非常常用的功能,今天来讲一下JavaWeb中的文件上传和下载功能的实现. 先说下要求: PC端全平台支持,要求支持Windows,Mac,Linux 支持所 ...

随机推荐

  1. c#/netcore/mvc视图中调用控制器方法

    1: public class HomeController : Controller     {         public ActionResult Index()         {     ...

  2. FAQ_2

    FAQ-2 1.LoadRunner超时错误: 在录制Web服务器端,如果超过120秒服务器协议脚本回放时超时情况经常出现,产生错误的原因也有很多,解决的方法也不同. 错误现象1:Action.c(1 ...

  3. CentOS7.x 更换 yum 镜像

    163 镜像地址 http://mirrors.163.com/.help/centos.html 163 镜像是国内最好的yum 镜像之一,这里使用的是163的yum 镜像备份 镜像 mv /etc ...

  4. redis外网无法连接问题

    1.外网无法连接redis 解决方法: 把redis.conf里的bind 127.0.0.1注释掉,不行的话把127.0.0.1修改成0.0.0.0 2.make的时候显示没有gcc 解决方法: 安 ...

  5. 基于Bootstrap 3可预览的HTML5文件上传插件

    前端常用资源地址: http://www.htmleaf.com/ http://www.htmleaf.com/html5/html5muban/201505091801.html 源代码地址 ht ...

  6. python学习之数据类型(int,bool,str)

    第三章 数据类型 3.1 Python基本数据类型 类型 含义 描述 int 整数 主要用来进⾏数学运算 str 字符串 可以保存少量数据并进⾏相应的操作 bool 布尔值 判断真假,True,Fal ...

  7. linux上传文件的命令——rz

    下面来看一下有关上传下载的说明. 1.rz.sz命令的安装方法 第一种方法:安装系统时选包包含rz.sz命令的包组 第二种方法:安装系统后通过执行yum install lrzsz -y 或 yum ...

  8. zabbix监控ssl证书过期时间

    获取证书过期时间脚本: /etc/zabbix/scripts/check-cert-expire.sh: #!/bin/bash host=$ port=$ end_date=`/usr/bin/o ...

  9. Linux 常用服务器命令

    1.查看端口号是否被占用 netstat -lnp|grep 端口 或 lsof -i :端口 2查看进程对应的端口号 netstat -nap | grep 进程号

  10. [转帖]CentOS 7安装并启动Google浏览器(★firecat亲测有效★)

    CentOS 7安装并启动Google浏览器(★firecat亲测有效★) https://blog.csdn.net/libaineu2004/article/details/82821405 自己 ...