文件上传有两种方式upload

文件上传有两种方式upload,第1张

文件上传有两种方式

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中需要的参数

上传项目文件夹

在本地项目文件夹下面,点击鼠标右键,打开git bash 

git init

添加上传当前文件夹下的所有文件:

git add .

上传修改注释,就是说明一下这次上传修改了哪些地方

git commit -m "注释的内容"  (这个必须要写)

git remote add origin 远程项目的Https地址

(如果连接错了远程项目的Https,可以先删除远程 Git 仓库 

             git remote rm origin,再写git remote add origin 远程项目的Https地址  )

然后开始开启强制上传:

gitpush-u origin master -f


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/6055324.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-13
下一篇 2023-03-13

发表评论

登录后才能评论

评论列表(0条)

保存