ElementUI —— Upload 文件上传

前言

实现单文件上传!此文章仅记录代码如何实现,便于后期项目学习使用!!

代码实现

javascript 复制代码
<!--********** View ********** -->
<el-upload
   class="upload-demo"
   :http-request="UploadFile"
   :show-file-list="false"
   >
   <el-button type="success">上传模板</el-button>
</el-upload>

//------------ script -----------

//上传模板
async function UploadFile(file) {
  if (JSON.stringify(file.file) != "{}") {
  formData.append("file", file.file);
  let res = await UploadFileAPI(formData);
   if (res.data.message == "上传成功") {
      ElMessage({
        type: "success",
        message: "上传成功",
      });
    }
  }
}
相关推荐
2301_8127314110 分钟前
CSS3笔记
前端·笔记·css3
ziblog12 分钟前
CSS3白云飘动动画特效
前端·css·css3
越努力越幸运50812 分钟前
CSS3学习之网格布局grid
前端·学习·css3
半斤鸡胗15 分钟前
css3基础
前端·css
ziblog16 分钟前
CSS3创意精美页面过渡动画效果
前端·css·css3
akangznl16 分钟前
第四章 初识css3
前端·css·css3·html5
会豪17 分钟前
深入理解 CSS3 滤镜(filter):从基础到实战进阶
前端·css·css3
头顶一只喵喵17 分钟前
CSS3进阶知识:CSS3盒子模型,box-sizing:content-box和box-sizing:border-box的讲解
前端·css·css3
小飞大王66621 分钟前
css进阶用法
前端·css
用户新36 分钟前
V8引擎 精品漫游指南--Ignition篇(上) 指令 栈帧 槽位 调用约定 内存布局 基础内容
前端·javascript