按照element文档上的设置好各种参数之后
<el-upload
class="photoupload"
:ref="`uploadimg${index}`"
:show-file-list="false"
:http-request="requestUpload"
name="mFiles"
:auto-upload="false"
:on-change="uploadChange"
>
<img :src="item.url" v-if="item.url" @click="imgclick(item,index)" />
<i class="el-icon-plus" v-else @click="imgclick(item,index)"></i>
</el-upload>
最后请求的时候报错了, multipart无边界什么的错误,
最后折腾老半天发现原来是自己负值的时候格式化了值转成了URL.createObjectURL(file.raw)
格式不对后台的图片一直接收为null,差点头秃!
最后找了别人的input上传重新写demo发现问题所在!
注意:一定要new FormData()
参考:vue项目中使用multipart/form-data进行提交数据, 上传文件,upload,elementui_rolinabc的博客-CSDN博客