el-upload

<el-upload
   class="upload-demo"
   action="https://jsonplaceholder.typicode.com/posts/"
   multiple
   :on-change="handleUpload"
   :show-file-list="false"
   :limit="parseInt('1')"
>
    <img src="../../assets/image/upload.png" alt />
</el-upload>

1. 获取本机电脑路径

   document.getElementsByClassName("el-upload__input")[0].value
   

2. 获取后缀名

   file.name.substring(file.name.lastIndexOf('.')+1)
   

3. 文件名去掉后缀

   file.name.substring(0, file.name.lastIndexOf("."))
   

4. 本地服务器路径

   URL.createObjectURL(file.raw)