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: "上传成功",
      });
    }
  }
}
相关推荐
向量引擎9 小时前
从零起步,如何打造专属向量引擎 API 中转工作流?
java·服务器·前端
IT_陈寒9 小时前
Vue这个动态响应坑把我整不会了
前端·人工智能·后端
bestlanzi9 小时前
使用nvm管理node环境
前端·vue.js·npm
SomeOtherTime10 小时前
Geojson相关(AI回答)
java·前端·python
就叫_这个吧11 小时前
HTML常用标签及举例使用
前端·html
utf8mb4安全女神11 小时前
【rsyslog服务】把所有服务的“临界点”以上的错误都保存在/var/log/alert.log⽇志中
java·前端·javascript
YANQ66211 小时前
7.bundlesdf本地安装
前端·webpack·node.js
星夜夏空9911 小时前
FreeRTOS学习(7)——任务列表
java·前端·学习
weixin_4713830312 小时前
由浅入深递归练习
前端·javascript·vue.js
tedcloud12312 小时前
ai-engineering-from-scratch部署教程:从零搭建AI应用环境
服务器·前端·人工智能·系统架构·edge