因为我是vue+springboot前后分离,要跨域,就不能用默认的action写请求地址,我用axios时最困扰的就是怎么拿到那个真实的文件,然后给传给后台。
其实可以通过自带的onchanne触发方法获得文件列表,文件信息中那个raw就是真实的文件。
写的时候,刚开始我是直接把el-upload里面的button中加了点击事件,但是每次文件还没选,就已经向后台发出请求了,当然传不过去,于是外面套了个form。
element-ui组件使用可以查看文档:https://element.eleme.cn/#/zh-CN/component/upload
upload.vue
<template>
<el-form>
<el-form-item label="姓名" prop="name">
<el-input v-model="name"></el-input>
</el-form-item>
<el-form-item>
<el-upload ref="upfile"
style="display: inline"
:auto-upload="false"
:on-change="handleChange"
:file-list=