Vue：使用elementUI upload组件上传excel文件

<template><div><el-upload dragaction="" :http-request="upload" :before-upload="beforeUploadFile"><el-button type="primary">上传 <i class="el-icon-upload2"></i></el-button></el-upload></div>
</template><script>export default {data() {return {fileList: [],   // excel文件列表}},methods:{// 上传文件之前的钩子, 参数为上传的文件,若返回 false 或者返回 Promise 且被 reject，则停止上传beforeUploadFile(file) {console.log('before upload')console.log(file)let extension = file.name.substring(file.name.lastIndexOf('.') + 1)let size = file.size / 1024 / 1024if (extension !== 'xlsx') {this.$message.warning('只能上传后缀是.xlsx的文件')}if (size > 10) {this.$message.warning('文件大小不得超过10M')}},// 上传upload(param) {const formData = new FormData()formData.append('file', param.file)const url = '/v_upload_file/'this.axios.post(url, formData).then((data) => {console.log('上传图片成功')}).catch((response) => {console.log('图片上传失败')})},}}
</script>

Vue：使用elementUI upload组件上传excel文件相关推荐

使用elementui实现表单上传功能_使用ElementUI中的upload组件上传Excel文件
最初使用该组件实现图片上传是没有问题的,前后端配合,最终实现想要的效果,组件使用过代码如下: 将文件拖到此处,或点击上传现在改为使用该组件实现Excel文件上传,组件的使用几乎是不变的,代码如下: ...
element-ui upload组件上传文件类型限制
element-ui upload组件上传文件类型限制 <el-uploadclass="c-upload"ref="upload":action=&q ...
Antd的Upload组件上传文件控制文件数量、格式等，以及提交时如何获取文件
背景:使用React的antd组件的Upload(官网),要求文件上传后,在点击提交时再将文件传过去. 技术点: 完全控制的文件上传. 可控制上传数量. 控制文件格式. 移除时的事件onRemove. ...
antd vue upload组件上传视频并实现视频预览
antd vue upload组件上传视频并实现视频预览 html代码 <form><a-form-itemlabel="商品视频":labelCol=" ...
vue之上传 excel文件
目录 vue之上传 excel文件父组件 UploadExcel.vue 效果 vue之上传 excel文件父组件 <upload-excel-component :on-success ...
ant design Upload组件上传文件类型
Upload组件上传文件类型设置 1.设置上传文件类型为excel <template><a-uploadname="file":multiple="t ...
antd Upload组件上传状态一直处于uploading
antd Upload组件上传状态一直处于uploading 对于受控模式,需要在 onChange 中始终 setState fileList,保证所有状态同步到 Upload 内 import { ...
Django框架（上传Excel文件并读取）
博主今天整理下Django框架中上传Excel文件并读取博主是要在管理平台中新增用例的维护功能,想着通过上传Excel文件来展示用例,下面是项目的路径图: 首先先建数据库模型 model.py 可以 ...
php上传查询excel到mysql_PHP上传Excel文件导入数据到MySQL数据库示例
PHP上传Excel文件导入数据到MySQL数据库示例2020-06-20 00:34:11 最近在做Excel文件导入数据到数据库.网站如果想支持批量插入数据,可以制作一个上传Excel文件,导入里 ...

Vue：使用elementUI upload组件上传excel文件

Vue：使用elementUI upload组件上传excel文件相关推荐

最新文章

热门文章