vue中读取⽂件编码格式并进⾏md5加密页⾯代码
<template>
<div class="hello">
<el-input type="file" id="file" @change="dddd" ref="aaa" v-model="fileslist"></el-input>
</div>
</template>
  js代码：
<script>
export default {
data () {
return {
fileslist:""
inputtypefile样式}
},
methods: {
dddd(e){
// 取出input中的files
const { files } = this.$refs.aaa.$refs.input;
// 创建⼀个新的url对象
let src = ateObjectURL(files[0])
// 实例⼀个读取⽂件的⽅法
let a = new FileReader()
/
/ readAsArrayBuffer(⽂件)获取图像
// 获取完⽂件后执⾏
// 拿到Int8格式的编译码
var arr = new sult)
// 取⽂件编译码的前⼗位
var arr1 = arr.subarray(0, 10);
// 取⽂件编译码的后⼗位
var arr2 = arr.subarray(arr.length-11, arr.length-1);
// 拼接前⼗位和后⼗位，和⽂件⼤⼩转成字符串
let val = arr1.join('')+arr2.join('')+files[0].size
// ⽣成md5码
console.log(md5(val))
}
}
},
mounted(){
}
}
</script>
  技术点：
FileReader()读取⽂件：
const img = new Image()
img.src = sult ，读取图⽚格式src
获取出编码格式：
⽤readAsArrayBuffer⽅法获取出来的编码格式有：
Int8Array
Uint8Array
Int16Array
Int32Array
⽣成md5加密需要引⼊：
<script src="cdn.bootcss/blueimp-md5/2.10.0/js/md5.js"></script>在页⾯上就能直接引⼊
md5(val)