element-ui文件上传一直出错,做个笔记记录一下,避免忘记

最新推荐文章于 2023-07-18 11:59:50 发布

南有樛木。

最新推荐文章于 2023-07-18 11:59:50 发布

阅读量2.9k

点赞数

分类专栏： vue elementui

本文链接：https://blog.csdn.net/qq_35310623/article/details/100098901

版权

本文记录了一次使用Vue和Element-UI进行文件上传时遇到的问题及解决过程。最初，由于对Element-UI文件上传组件的理解不足，导致数据始终无法正确上传。经过一系列尝试和学习，发现问题在于请求参数格式与后台要求不符，Element-UI上传的文件默认为binary格式。通过打印和分析`file`和`fileList`，在表单提交时正确构造formData并验证所有数据，最终实现了成功上传。作者强调了深入理解和研究的重要性，以便在未来遇到类似问题时能快速解决。

摘要由CSDN通过智能技术生成

这两天公司要求写一个表单提交页面,仅仅只需要一个提交页面就行,偷了个懒使用的vue+element-ui写的,结果就是数据怎么都上传不成功,跟后台沟通了很久,还是数据有问题,不是缺少这个字段就是缺少那个字段

网上各种搜索,一直都没能解决我的问题,网上很多的内容,都是说请求有问题,但是最终的结果就是问题并没有得到解决

最后请教朋友,朋友告诉我是请求参数的问题,我的参数格式与后台参数不一致的问题,就去网上各种搜素应该怎么改参数格式,还是一样不行

其实最终的问题是因为我并没有理解element-ui文件上传,所以才一直导致我提交不聊数据(说到这里,真心心塞,因为自己太菜了)贴代码

后台需要的代码格式是这样的，因为之前没有理解文档，也没有尝试过上传文件，不知道element-ui上传的文件默认就是binary的，所以才一直没有写出来

我的数据

data() {
    return {
      formData: new FormData(),
      cdKey: "",
      username: "123456",
      password: "123456",
      shopCompany: {
        corporationName: ""
      }
    };
  },

<el-form-item label="图片">
    <el-upload class=

最低0.47元/天解锁文章