element-ui中upload组件获取上传文件信息
2020-01-13 23:58
3271 查看
使用element-ui中的上传组件,upload,这个默认发送post请求,
在使用upload组件自动携带的请求方式发送
action->请求的url
on-success->请求发送成功的钩子–方法function(response, file, fileList)默认参数3个
auto-upload->是否在选取文件后立即进行上传,默认是true(选取文件即上传)
name->上传的文件字段名,默认值file,后台有时候需要发送别的字段名如image就这修改
data->上传时附带的额外参数object
disabled->是否禁用,默认false
http-request->覆盖默认的上传行为,可以自定义上传的实现–方法(当请求方式不为post可以自定义方式)
下面是两个例子
1.使用upload默认请求方式post发送提交图片请求,后台要求文件字段image
在文件上传成功后,可以从response的data属性获取图片在服务器上的路径,文件的具体信息在file.raw中
2.使用upload上传文件,发送patch请求数据,需要使用http-request钩子
由于覆盖了其默认请求,updateImg中异步请求携带了路径,action中就随便放了个网址,action是必传参数
http-reques钩子有个默认参数,val.file可以获取文件数据信息
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- element-ui upload组件多文件上传
- 使用element UI el-upload组件实现视频文件上传及上传进度显示方法总结
- vue项目中element upload上传zip之后获取zip中的text文件内容
- element-ui中Upload 上传文件的使用
- element-ui 中使用upload多文件上传只请求一次接口
- 在vue项目中使用element-ui的Upload上传组件
- element-ui upload组件覆写默认上传行为
- vue2.0 使用element-ui里的upload组件实现多图上传。采用FORMDATA的方式上传。
- 七牛云图片上传:使用element-ui的upload组件
- 解决使用elementUI框架el-upload上传组件时session丢失问题
- vue elementui el-upload组件 input type=file坑重新选择同一文件时不再显示
- Vue上传文件 iview Upload UI 组件上传组件
- element UI upload组件上传附件格式限制方法
- elementui el-upload附件上传--上传之前需要修改文件内容
- vue+elementui的table行内实现el-upload文件添加/多文件上传
- Element UI Upload 组件 设置只允许上传单张图片的操作
- 上传excel文件 并获取其信息(使用file上传组件)
- 阿里OSS Java-SDK带进度条上传,配合前端element-ui upload组件使用示例
- Element-Ui之Upload组件,利用axios+阿里oss上传
- 在vue项目中使用element-ui的Upload上传组件的示例