Vue Element-ui文件上传组件如何实现高效且详细的实例教学？

本文共计1671个文字，预计阅读时间需要7分钟。

目录+引言+单文件上传+和表单单一上传+需求：要求：需要同时给后端传输文件FormData和其他所需参数+数据的编码格式+补充：代理的使用+什么是代理？为什么要用代理？代理的使用+process.env.NODE_ENV

目录

• 引言
• 单文件上传
• 和表单一起上传
• 需求：需同时给后端传文件FormData和其他所需参数
• 数据的编码方式
• 补充：代理的使用
• 什么是代理？为什么要用代理
• 代理的使用
• process.env.NODE_ENV
• 总结

引言

对于文件上传，在开发主要涉及到以下两个方面：

单个文件上传和表单一起实现上传（这种情况一般都是文件上传之后，后端返回保存在服务器的文件名，最后和我们的表单一起上传）

单文件上传

element-ui中的el-upload组件默认发送post请求，在使用upload组件自动携带的请求方式发送。