el-upload 上传文件 默认 就为 Content-Type: multipart/form-data; boundary=----WebKitFormBoundarywqIudbC9xP59QqKa 后面的boundary 不知道是什么鬼;由于el-upload 提供了 header 我就以为需要在标签中加上这种属性,结果直接炸裂;
<el-upload class="upload-demo" :action="url" name=‘files‘ :file-list="fileList" :show-file-list=‘false‘ :on-success="fileDone" :auto-upload=‘false‘ :on-change="filelistChange" ref = ‘uploadLOGO‘ // 在这ref 在vue3中 通过 在setup中声明一个uploadLOGO 值为null的变量 然后就可以拿到该元素了 跟this.$refs差不多的效果
list-type="picture"
> <el-button size="small" type="primary">点击上传</el-button> <p class="img" v-if="imgSrc!=‘‘"> <img :src="imgSrc" alt=""> </p> </el-upload>
在这里需要注意 这里面这个 name属性是很关键的 默认就为 file 这个东西要与后端相对应 如果后端发神经给你改一下子,反正我这边捣鼓了半天 差点没和后端干起来;