【vue】md5加密实现文件名唯一

在使用oss上传图片时，要求文件名必须唯一，否则会覆盖同文件名的图片。本来采用“当前时间数+随机数+文件名”拼接的方法，但还是怕后期访问的人太多，不保险。所以采用md5

首先，安装npm

npm install --save js-md5

然后引入，有两种方法：

方法一：在所需项目文件中引入：

import md5 from 'js-md5'

//使用
let getnum = Math.random().toString(36).slice(-6);//生成随机数
let fileName = new Date().getTime() + '_' + getnum;  
if(fileName.length<32){
    fileName = md5(fileName)
}
console.log(fileName)

方法二：在main.js中引入

import md5 from 'js-md5';
Vue.prototype.$md5 = md5;

//使用
let _vm = this;
let getnum = Math.random().toString(36).slice(-6);//生成随机数
let fileName = new Date().getTime() + '_' + getnum;  
if(fileName.length<32){
    fileName = _vm.$md5(fileName) 
}
console.log(fileName)