vue上传文件到后台

vue上传文件到后台,第1张

accept:接受上传文件类型

file-list:上传的文件列表

action:必选参数,上传的地址

data:上传时附带的额外参数,要求传入一个对象

before-upload:上传文件之前的钩子,参数为上传的文件,若返回 false 或者返回 Promise 且被 reject,则停止上传

on-exceed:文件超出个数限制禅橡时的钩子

on-success:文件上传成功时的钩子

show-file-list:是否显示已上传文件列表

multiple:是否支贺仔旁持多选文件

limit:最大允许上传个数

本文只作为个戚棚人学习记录......

1.将input的type指定为file并设置为隐藏,使用点击事高迅嫌件去触发input,写两个点击方法只是为了区分类型而已。

2.选择想要的文件后将会返回个formData数据,只需要新建个fromData变量,然后赋值即可。

3.请求方式是基于axios做全局封装,将格式定义好再将formData传给post请求回调就行了,因文件名是写死展示的,故省去执行更昌扮新数据问题。戚手


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存