Element 上传控件

Element上传控件可以只作为获取文件的途径
文件格式的上传,需要配合表单

<el-upload
    class="upLoad-box"
    :limit="1"
    ref="upLoad"
    action
    :show-file-list="false"
    :auto-upload="false"
    :on-change="handleChange"
    accept=".xls,.xlsx">
    <div class="btn-upLoad">选择文件</div>
</el-upload>
 file:'',
 
 handleChange(file){
   this.file = file
   //因文件已保存,所以可以直接清空,保证下次可以操作
   this.$refs.upLoad.clearFiles()
 },
 /**
 *api
 */
 upLoad(){
 	//需要form包裹,并且传入文件流即可(raw)
 	let form = new FormData()
 	form.append('file', this.file.raw || '' )
 }

tips:可以通过URL后直接拼参数来和form表单提交的参数分开,以解决中文在表单中乱码的情况
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值