vue获取文件hash值

当前文章收录状态:
未收录

获取文件hash有什么用呢?当然是用来实现分片上传和断点续传和秒传功能的,这里要用到spark-md5,没有的话先安装下

1、导入spark-md5

import SparkMD5 from 'spark-md5';
import SparkMD5 from 'spark-md5';
import SparkMD5 from 'spark-md5';

2、获取文件hash的方法

getFileHash(file){
return new Promise( resolve => {
const reader = new FileReader();
reader.readAsArrayBuffer(file);
reader.onload = ev => {
let buffer = ev.target.result,
spark = new SparkMD5.ArrayBuffer(),
HASH,
suffix;
spark.append(buffer);
HASH = spark.end();
suffix = file.name.substring(file.name.lastIndexOf(".") + 1);
resolve({
buffer,
HASH,
suffix,
filename: `${HASH}.${suffix}`
});
};
});
},
getFileHash(file){
      return new Promise( resolve => {
        const reader = new FileReader();
        reader.readAsArrayBuffer(file);
        reader.onload = ev => {
          let buffer = ev.target.result,
              spark = new SparkMD5.ArrayBuffer(),
              HASH,
              suffix;
          spark.append(buffer);
          HASH = spark.end();
          suffix = file.name.substring(file.name.lastIndexOf(".") + 1);
          resolve({
            buffer,
            HASH,
            suffix,
            filename: `${HASH}.${suffix}`
          });
        };
      });
    },
getFileHash(file){ return new Promise( resolve => { const reader = new FileReader(); reader.readAsArrayBuffer(file); reader.onload = ev => { let buffer = ev.target.result, spark = new SparkMD5.ArrayBuffer(), HASH, suffix; spark.append(buffer); HASH = spark.end(); suffix = file.name.substring(file.name.lastIndexOf(".") + 1); resolve({ buffer, HASH, suffix, filename: `${HASH}.${suffix}` }); }; }); },

3、使用方式

//获取文件hash值以及后缀名
let {
HASH,
suffix
} = await this.getFileHash(file);
//获取文件hash值以及后缀名
      let {
        HASH,
        suffix
      } = await this.getFileHash(file);
//获取文件hash值以及后缀名 let { HASH, suffix } = await this.getFileHash(file);
© 版权声明
THE END
我的博客即将同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=270198dipw4ko
点赞12赞赏 分享
I may not be perfect but at least I’m not fake.
我可能不完美,但是我至少不虚伪
评论 抢沙发

请登录后发表评论

    暂无评论内容