vue3前端获取文件md5码

1 首先安装 spark-md5

通过npm安装，命令 npm i spark-md5 --save
或者通过cdn导入

2 代码部分

这里是通过 on-change 出发事件，其他钩子同理。

<template><el-uploaddragaction="a":limit="1":on-change="ReadFileMD5":http-request="UploadSceneModel":auto-upload="false"><i class="el-icon-upload" /><div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div></el-upload>
</template><script>
// 这里是vite 创建得 vue3 导入SparkMD5  vue2用require导入
import SparkMD5 from 'spark-md5'export default {methods: {ReadFileMD5(param){const file = param.raw;const sliceLength = 10;const chunkSize = Math.ceil(file.size / sliceLength);const fileReader = new FileReader();const md5 = new SparkMD5();let index = 0;const loadFile = () => {const slice = file.slice(index, index + chunkSize);fileReader.readAsBinaryString(slice);}loadFile();fileReader.onload = e => {md5.appendBinary(e.target.result);if(index < file.size){index += chunkSize;loadFile();}else{// md5.end() 就是文件md5码console.log(md5.end());}}}}
}
</script>

vue3前端获取文件md5码相关推荐

JAVA中获取文件MD5值的四种方法
JAVA中获取文件MD5值的四种方法其实都很类似,因为核心都是通过JAVA自带的MessageDigest类来实现.获取文件MD5值主要分为三个步骤,第一步获取文件的byte信息,第二步通过Messa ...
C# 获取文件MD5值的方法
可用于对比文件是否相同 1 /// <summary> 2 /// 获取文件MD5值 3 /// </summary> 4 /// <param name="f ...
linux获取文件的md5,linux shell 获取文件md5的命令linux操作系统 -电脑资料
下面我给各位朋友总结一下在linux中利用shell命令来获取文件md5及遍历目录下所有文件的md5的例子,希望此例子对各位同学会有所帮助, 获取文件的MD5值: $ md5sum linuxmint ...
基于vue框架下使用Element-UI获取文件MD5值并上传
基于vue框架下使用Element-UI获取文件MD5值并上传使用插件: spark-md5 .vue页面 <el-uploadclass="avatar-uploader idca ...
window 获取文件md5值dos 脚本
window 获取文件md5值dos 脚本将下面脚本内容写入md5sum.bat中: @echo offrem path: %UserProfile%\AppData\Roaming\Microso ...
Qt获取文件md5值
md5做为文件完整性验证的手段之一,以下介绍Qt获取文件md5值得方式: #include <QCryptographicHash> QString Download::getFileMD ...
前端获取接口状态码400的返回值
前端获取接口状态码400的返回值 .catch((err) => {console.log(err.message);console.log(err.response.data);console ...
Java 获取文件md5值校验文件
假如我们想校验两个文件网络传输中是否改变了,或者校验两个文件是否一致可以使用md5校验. 代码: import java.io.FileInputStream; import java.io.Inpu ...
java 文件md5校验_Java 获取文件md5校验码
讯雷下载的核心思想是校验文件的md5值,两个文件若md5相同则为同一文件. 当得到用户下载某个文件的请求后它根据数据库中保留的文件md5比对出拥有此文件的url, 将用户请求挂接到此url上并仿造一个 ...
golang 获取文件md5
近期有一个需求:获取多个文件 md5 校验和判断是否存在重复文件,因为文件数量较多,有的文件还比较大,需要处理的文件还没有到位,我就考虑了一下效率的问题.目前我已知的 Golang 中获取 md5 校 ...

vue3前端获取文件md5码

1 首先安装 spark-md5

2 代码部分

vue3前端获取文件md5码相关推荐

最新文章

热门文章