前端Vue2获取上传文件的MD5

简介: 前端Vue2获取上传文件的MD5


<template>
  <input id="upload" type="file" />
</template>
<script>
import BMF from "browser-md5-file"; //npm i browser-md5-file -S
export default {
  mounted() {
    const el = document.getElementById("upload");
    const bmf = new BMF();
 
    el.addEventListener("change", handle, false);
 
    function handle(e) {
      const file = e.target.files[0];
      bmf.md5(
        file,
        (err, md5) => {
          console.log("err:", err);
          console.log("md5 string:", md5);
        },
        (progress) => {
          console.log("progress number:", progress);
        }
      );
    }
  },
};
</script>


相关文章
|
18天前
|
移动开发 前端开发 JavaScript
前端vue2、vue3去掉url路由“ # ”号——nginx配置(一)
前端vue2、vue3去掉url路由“ # ”号——nginx配置
52 0
|
10月前
|
缓存 资源调度 前端开发
微前端-qiankun:vue3-vite 接入 vue3、nuxt3、vue2、nuxt2等子应用
微前端-qiankun:vue3-vite 接入 vue3、nuxt3、vue2、nuxt2等子应用
840 0
|
18天前
|
前端开发 JavaScript 应用服务中间件
前端vue2、vue3去掉url路由“ # ”号——nginx配置(二)
前端vue2、vue3去掉url路由“ # ”号——nginx配置
48 0
|
5天前
|
存储 安全 前端开发
PHP医院安全不良事件管理系统源码(AEMS)前端vue2+element+后端laravel8不良事件上报与闭环管理
医院不良事件上报与管理系统结合现代医院管理思路,遵照PDCA全面质量循环管理方法而设计,并在多家大型三甲医院成熟运用。系统从事件上报、基于人、机、料、法 、环的RCA分析、事件整改、效果评估实现了结构化、标准化、智能化的管理和分析,满足医院可追溯化、全流程闭环管理要求,满足等级医院评审细则要求,大力提高医院不良事件上报的效率,保障事件分析的准确性,促进医疗安全的提高,避免同类事件再次发生,改善整个医院医疗安全,从而实现医院安全医疗的目标。
20 3
|
4月前
|
缓存 JavaScript 前端开发
【前端】Vue2知识点大全!
【前端】Vue2知识点大全!
143 1
【前端】Vue2知识点大全!
|
9月前
|
前端开发
前端学习笔记202304学习笔记第十九天-vue3.0-梳理vue2项目的基本结构
前端学习笔记202304学习笔记第十九天-vue3.0-梳理vue2项目的基本结构
48 0
|
8月前
|
存储 前端开发 算法
前端经典面试题 | 吊打面试官系列 之 Vue2和Vue3的区别
前端经典面试题 | 吊打面试官系列 之 Vue2和Vue3的区别
|
8月前
|
JavaScript 前端开发 Java
【前端】Vue2 脚手架模块化开发 -快速入门
1.搭建 Vue 脚手架工程,需要使用到 NPM(node package manager), npm 是随 nodejs 安装 的一款包管理工具 , 类似 Maven 。所以我们需要先安装 Nodejs 2. 为了 更好兼容 ,这里我们安装 node.js10.16.3 , 要求同学们也使用这个版本 ( 因为这里 只是演示 Vue 脚手架工程 ), 后面我们还会讲解 Vue3 的脚手架工程搭建 , 再对 Node 升级 .
|
9月前
|
前端开发 JavaScript
【编写前端需要学习的知识】Vue2+Element-UI
【编写前端需要学习的知识】Vue2+Element-UI
54 0
|
10月前
|
JavaScript 前端开发 程序员
前端程序员入门:先学Vue3还是Vue2?
前端程序员入门:先学Vue3还是Vue2?
353 0