使用FormItem来写上传功能的设置问题
表单
文件上传

vue新手,我想在写表单的时候用FormItem来写上传功能,我是这样写的

<FormItem label="上传文件" type="files" v-model="state.files" :input-attr="{hideSelectFile:false,accept:'.csv,.xlsx',limit:2,autoUpload:false,returnFullUrl:true}" />

问题1- 在input-attr里的属性,如隐藏选择已上传文件按钮和限定文件后缀都能够起效,但是后面限制数量,限制自动上传都不起效。

问题2- returnFullUrl 具体是体现在什么地方呢,我设置true和false,在返回结果里看好像没差,都有full_url字段。

问题3- 我以前用的layui,设置不自动上传,然后指定一个按钮(一般是表单提交按钮),实现文件和表单数据一起提交到后台进行处理。现在在这个环境下能实现相同逻辑的操作吗?我想既然有禁止自动上传,应该有相应的使用场景吧。

问题4- 基于问题3,如果我在系统自动上传后,填完表单并提交到后台,后台试怎样获取到本次请求的相关文件呢,我看到前端选择完文件自动上传后返回的信息很全,是要带上记录id同表单数据一起提交吗?具体是怎样的逻辑呢?

1个回答默认排序 投票数排序
苏晓生
苏晓生
在藏经阁
8月前

你可以先看看 https://element-plus.org/zh-CN/component/upload.html,然后再来用formItem

请先登录
0
1
0
1