成都网站建设设计

将想法与焦点和您一起共享

elemetUi组件--el-upload如何实现上传Excel文件

这篇文章将为大家详细讲解有关elemetUi 组件--el-upload如何实现上传Excel文件,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

在平远等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供做网站、成都网站设计 网站设计制作按需网站建设,公司网站建设,企业网站建设,品牌网站设计,营销型网站,成都外贸网站建设公司,平远网站建设费用合理。

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

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

elemetUi 组件--el-upload如何实现上传Excel文件

【知识点】

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

data可选参数, 上传时附带的额外参数
name可选参数, 上传的文件字段名
before-upload可选参数, 上传文件之前的钩子,参数为上传的文件,若返回 false 或者返回 Promise 且被 reject,则停止上传。

2、split进行字符串截取

【分析】




  input[type="file"] {
    display: none;
  }
  .el-upload-list{
    width: 200px;
  }
  .el-select {
    width: 135px;
  }

关于“elemetUi 组件--el-upload如何实现上传Excel文件”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


网页题目:elemetUi组件--el-upload如何实现上传Excel文件
文章位置:http://chengdu.cdxwcx.cn/article/jidpod.html