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: "上传成功",
      });
    }
  }
}
相关推荐
gnip35 分钟前
axios 拦截器实现用户无感刷新 access_token
前端
程序员码歌43 分钟前
【零代码AI编程实战】AI灯塔导航-成果展示篇
前端·ai编程·cursor
gnip1 小时前
前端实现即时通讯,常用的技术
前端
烛阴1 小时前
告别 any!用联合类型打造更灵活、更安全的 TS 代码
前端·typescript
excel2 小时前
全面解析 JavaScript 类继承:方式、优缺点与应用场景
前端
用户21411832636022 小时前
dify案例分享-100% 识别率!发票、汇票、信用证全搞定的通用票据识别工作流
前端
拾光拾趣录4 小时前
基础 | HTML语义、CSS3新特性、浏览器存储、this、防抖节流、重绘回流、date排序、calc
前端·面试
小小小小宇4 小时前
前端监测用户卡顿之INP
前端
小小小小宇4 小时前
监测用户在浏览界面过程中的卡顿
前端
糖墨夕4 小时前
Nest 是隐藏的“设计模式大佬”
前端