文件上传有两种方式upload

文件上传有两种方式

1.基于文件处理为文件流然后然后传给返裤服务器，这个我们一般是用form-data来处理的，我们把文件流信息放到form-data里面，把form-data传给我们的服务器。然后服务器拿到form-data相关的数据做处理。

2.客户端需要把文件转化为base64位，转化为base64然后传给服务器，服务器在转化为文件

VUE elementUI 表单上传

在项目开发需求中基于VUE + elementUI在表单实现多张图片和Excel文件上传的需求。

1.图片上传模板

2、常用方法介绍

1、在实现自定义上传的:auto-upload设为"false"时before-upload将会无效，此时如要验证文件类型或者大小此处使用on-change的方法，在on-change方法中判断图片类型、大小，如果符合要求加入到pthotoLists中，不符合则移除

2、表单点击提交进行验证以及文件自定义上传将文件通过参数传递

1、将form表单元素的name与value进行组合，实现表单数据做烂的漏胡简序列化，从而减少表单元素的拼接，提高工作效率

3、通过append方法进行添加文件和数据

4、pPostFile为接口提交方式相当于axios

action为 提交的地址（接口名称）

formDataObj为表单中提交的所有参数（内容）

hearder即为header中需要的参数

首先，需要检查xyupload组件的相关配置是否正确，包括上传文件的目录是否存在、权限是否正察正确等。

其次，需要检查上传文件的大小是否超出了组件所允许的最大值，可以尝试调整组件的配置或者缩小上传文件的大小以解决问题。

还可以检查服务衫镇器的上传限制是否合适，例如PHP中的upload_max_filesize和post_max_size等参数的设置是否合适。

最后，可以尝试使用其他方式进行文件上传，例如FTP等，以确定问题是否在或没粗组件本身或者服务器配置上。

---