领取MOLI红包
栏目分类

你的位置:ApeBond中文网 > Holo中文网 >

Holo中文网

element-ui中使用upload组件获取上传文件信息
1.使用htttp-request自定义上传 使用element-ui中的上传组件,upload,这个默认发送post请求, 在使用upload组件自动携带的请求方式发送 action->请求的urlon-success->请求发送成功的钩子–方法function(response, file, fileList)默认参数3个auto-upload->是否在选取文件后立即进行上传,默认是true(选取文件即上传)name->上传的文件字段名,默认值file,后台有时候需要发送别的字段名如image就这修改data->上传时附带的额外参数objectdisabled->是否禁用,默认falsehttp-request->覆盖默认的上传行为,可以自定义上传的实现–方法(当请求方式不为post可以自定义方式) 下面是两个例子 1.使用upload默认请求方式post发送提交图片请求 后台要求文件字段image 在文件上传成功后,可以从response的data属性获取图片在服务器上的路径,文件的具体信息在file.raw中 2.使用upload上传文件,发送patch请求数据 需要使用http-request钩子由于覆盖了其默认请求,updateImg中异步请求携带了路径,action中就随便放了个网址,action是必传参数 http-reques钩子有个默认参数,val.file可以获取文件数据信息 2.使用手动上传 需求背景 有个form表单,通过上传组件获取上传文件信息,点击弹窗的确定按钮后,接口统一进行上传; 限制上传zip类型文件,不超过10M,限制选择1个zip包 总结 以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。