1、此方法是先选取文件,后直接一次性上传文件,只会发送一次请求
<el-form-item label="上传附件">
<el-upload
:file-list="fileListArr" //选择的上传文件列表数据
action="scfj"
//上传地址,可以直接写上传地址比如;我这里的地址是需要携带其他参数的所以这里随便填写,因为这是必填参数
ref="scfj"
accept=".xls, .xlsx, .doc, .docx, .rar" //可上传文件的类型
:before-upload="beforeUploadFj"
//此方法再上传之前对文件再次校验
:on-exceed="handleExceedFj"
//此方法用来对上传文件超过个数进行限制
:on-remove="handleRemoveFj"
//此方法删除上传文件时触发
multiple
//是否可以上传多个文件
:limit="10"
//上传文件的个数限制
:auto-upload="false"
//关闭自动上传;如开启自动上传,即选择之后就上传
:on-change="onChangeFj"
//此方法选择文件时候触发
>
<el-button slot="trigger" size="small" type="primary"
>选取文件</el-button
>
<el-button
style="margin-left: 10px;"
size="small"
type="success"
@click="uploadFj"
//调用上传接口进行上传
>上传附件</el-button
>
</el-upload>
</el-form-item>