Element-UI中的el-upload文件上传组件使用过程中踩的坑

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到网站
点击跳转浏览。

今天在对接上传文件接口的过程中遇到一个问题,导致后端一直上传不成功。其中的罪魁祸首就是el-upload 组件中的file-list ,最开始误以为这个里面放置的就是前端导入的文件。一直报错
Element-UI中的el-upload文件上传组件使用过程中踩的坑_第1张图片
在确认后端接受没有问题的情况下,想到就是前端代码出现的问题,然后经过逐一排查,得到需要获取filelist中的raw进行保存,raw里面才是真正的文件。
Element-UI中的el-upload文件上传组件使用过程中踩的坑_第2张图片
变成添加里面的raw
Element-UI中的el-upload文件上传组件使用过程中踩的坑_第3张图片

加了之后,变成了binary类型,这样后端才可以接受到
Element-UI中的el-upload文件上传组件使用过程中踩的坑_第4张图片

你可能感兴趣的:(VUE,vue.js,elementui,前端)