Vue学习笔记：获取文件唯一标识 md5值

今天分享的技术是：获取文件唯一标识 md5值

第一步：导入依赖

npm install spark-md5 --save

第二步：引用依赖

import SparkMD5 from "spark-md5";

第三步：上传文件

 <inputmultiple="multiple"type="file"ref="fileUpload"style="display: none"@change="fileUploadChange()"/>

第四步：获取 md5值

    fileUploadChange: function (event) {var fileReader = new FileReader();var spark = new SparkMD5.ArrayBuffer();// 获取文件二进制数据fileReader.readAsArrayBuffer(event.target.files[0]);fileReader.onload = function (e) {spark.append(e.target.result);var md5 = spark.end();console.log(md5);};}

获取值打印：

支持作者

欢迎关注作者公众号！！

Vue学习笔记：获取文件唯一标识 md5值相关推荐

获取文件唯一id md5
利用: readelf -d **.so | grep NEEDED | awk '{print $5}' | sort | xargs | md5sum | cut -f1 | awk ...
antd vue表单上传文件_AntDesign vue学习笔记-自定义文件上传
上传文件时实际可能需要传输一个token. 方法一: 1.查看vue antdesign文档 https://vue.ant.design/components/upload-cn/ 2.使用cust ...
「Vue 学习笔记 1」Vue 项目快速搭建，初始项目各个文件夹作用介绍和启动代码执行流程分析
「Vue 学习笔记 1」Vue 项目快速搭建,初始项目各个文件夹作用介绍和启动代码执行流程分析前言一.我的开发环境二.使用 Vue CLI (Vue 脚手架)快速搭建项目三.初始项目的目录结构 ...
Vue学习笔记(2) 在html文件中创建Vue实例，并使用http-vue-loader注册单文件组件
本篇博客基于Vue2.x 官方文档:https://cn.vuejs.org/v2/guide/instance.html 最近和同学合作一个设备信息管理的小项目,而同学找的模板不是前后端分离的因此 ...
Vue获取浏览器唯一标识
`登陆时候可能需要向后台传输一个唯一标识符具体实现思路如下: 1.引入js  <script type="text/javascript&q ...
vue 学习笔记第无弹
1. 在 webpack 中配置 .vue 组件页面的解析运行cnpm i vue -S将 vue 安装为运行依赖: 运行cnpm i vue-loader vue-template-compile ...
swift获取openuuid_iOS获取设备唯一标识：UDID、IDFA、IDFV、OpenIDFA、SimulateIDFA等.
1. UDID UDID全称是Unique Device Identifier,顾名思义,它就是苹果iOS设备的唯一标识码,它由40个字符的字母和数字组成.在很多需要限制一台设备一个张红的应用中经常会 ...
Vue学习笔记（二）组件化和模块化
Vue学习笔记(二)组件化和模块化前言组件化什么是组件化 1.基础使用 2.全局组件和局部组件 3.语法糖和模板抽离 4.组件的data为什么是函数 5.父子组件 5.1 父子组件 5.2 父子 ...
Vue学习笔记进阶篇——Render函数
本文为转载,原文:Vue学习笔记进阶篇--Render函数基础 Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML.然而在一些场景中,你真的需要 JavaScript 的完全编 ...
Vue学习笔记（五）—— 状态管理Vuex
介绍 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式.它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化.Vuex 也集成到 Vue 的官方调试 ...

Vue学习笔记：获取文件唯一标识 md5值

第一步：导入依赖

第二步：引用依赖

第三步：上传文件

第四步：获取 md5值

支持作者

Vue学习笔记：获取文件唯一标识 md5值相关推荐

最新文章

热门文章