elemetUi 组件

elemetUi 组件

elemetUi 组件--el-upload实现上传Excel文件的实例

【需求】实现上传Excel文件，在上传到服务器时，还要附加一个参数，在请求上传文件接口前，先要进行文件格式判断。

【知识点】

1、el-upload 官方文档中，主要用到了以下属性：

data

可选参数, 上传时附带的额外参数

name

可选参数, 上传的文件字段名

before-upload

可选参数, 上传文件之前的钩子，参数为上传的文件，若返回 false 或者返回 Promise 且被 reject，则停止上传。

2、split进行字符串截取

【分析】

<el-select v-model="form.type" placeholder="请选择" style="width: 135px">

v-for="item in options"

:key="item.value"

:label="item.label"

:value="item.value">

v-for="item in options"

:key="item.value"

:label="item.label"

:value="item.value">

class="upload-demo"

ref="upload"

action="http://10.1.20.218:8088/gnh-webadmin-platfrom/api/v1/sendSalaryBillGeinihua"

:on-preview="handlePreview"

:before-upload="beforeAvatarUpload"

:on-remove="handleRemove"

:file-list="fileList"

:auto-upload = 'false'

:on-success = 'handleSuccess'

:data="form"

name="salaryBill">

选取文件

上传到服务器

class="upload-demo"

ref="upload"

action="http://10.1.20.218:8088/gnh-webadmin-platfrom/api/v1/sendSalaryBillGeinihua"

:on-preview="handlePreview"

:before-upload="beforeAvatarUpload"

:on-remove="handleRemove"

:file-list="fileList"

:auto-upload = 'false'

:on-success = 'handleSuccess'

:data="form"

name="salaryBill">

选取文件

上传到服务器

如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。