Vue中实现图片上传，修改文件名称

技术背景
Vue + element + axios

详解：拦截文件上传
文件对象（file）是不能直接修改文件名的，file.name 是只读属性，如果你强行赋值，会直接报错，所以只能拦截掉 element-ui -> uploader 的默认上传行为，改为自己上传。下面为核心 HTML 代码，主要是利用 before-upload 事件来阻止上传

  var file = new File([file], "aa.mp4");
      console.log（file,'----------')

file文件为上传完拿到的对象。效果如下