element plus 上传图片到后端功能

简介: element plus 上传图片到后端功能
<!-- 上传图片 -->
          <div>
            <el-form-item label="轮播图片">
              <el-upload
                list-type="picture-card"
                :action="'输入后端请求网址'"
                :on-change="handleChange"
                :before-remove="beforeRemove"
                :on-preview="handlePictureCardPreview"
                :file-list="fileList"
                multiple
                name="传给后端图片的名称"
              >
                <el-icon class="avatar-uploader-icon">
                  <Plus />
                </el-icon>
              </el-upload>
            </el-form-item>
          </div>

将图片上传到后端

name属性为图片上传请求参数的名称,必须对应后端需要的名称,才能请求成功。

声明数据:

const fileList = ref([]);

上传文件后的处理:

//上传文件
const handleChange = file => {
  console.log(file);
  if (file.status == "success") {
    fileList_a.value.push({ url: file.response.url });
  }
  console.log(fileList_a.value);
};
目录
相关文章
|
17天前
|
前端开发 小程序 Java
uniapp上传图片 前端以及java后端代码实现
uniapp上传图片 前端以及java后端代码实现
109 0
|
17天前
|
JSON 前端开发 Java
layui上传图片,前端直接拷代码,后端……
layui上传图片,前端直接拷代码,后端……
81 0
|
17天前
|
缓存 前端开发 Go
从4开始,在后端系统中增加用户注册和登录功能
从4开始,在后端系统中增加用户注册和登录功能
23 0
|
17天前
|
JSON Go 数据格式
从1开始,扩展Go语言后端业务系统的RPC功能
从1开始,扩展Go语言后端业务系统的RPC功能
39 0
|
17天前
|
存储 安全 前端开发
PHP医院安全不良事件管理系统源码(AEMS)前端vue2+element+后端laravel8不良事件上报与闭环管理
医院不良事件上报与管理系统结合现代医院管理思路,遵照PDCA全面质量循环管理方法而设计,并在多家大型三甲医院成熟运用。系统从事件上报、基于人、机、料、法 、环的RCA分析、事件整改、效果评估实现了结构化、标准化、智能化的管理和分析,满足医院可追溯化、全流程闭环管理要求,满足等级医院评审细则要求,大力提高医院不良事件上报的效率,保障事件分析的准确性,促进医疗安全的提高,避免同类事件再次发生,改善整个医院医疗安全,从而实现医院安全医疗的目标。
29 3
|
17天前
|
JavaScript 前端开发 关系型数据库
旅游规划助手:结合Vue的交云性设计和Python的强大后端功能
【4月更文挑战第11天】本文探讨了如何使用Vue.js和Python(Flask或Django)构建旅游规划助手应用,简化旅行规划。首先,确保安装了Python、Node.js、数据库系统和Git。接着,介绍如何用Python搭建后端API,分别展示了Flask和Django的例子。然后,利用Vue.js初始化前端项目,结合Vuex和Vue Router构建用户界面。最后,通过Axios实现前端与后端的数据通信。这样的架构有利于团队协作和代码维护,便于扩展应用功能。
|
17天前
UEditor配置后端上传图片
UEditor配置后端上传图片
60 0
UEditor配置后端上传图片
|
10月前
|
前端开发 JavaScript Java
React+后端实现导出Excle表格的功能
React+后端实现导出Excle表格的功能
222 0
|
11月前
|
JSON 前端开发 API
layui框架实战案例(8):web图片裁切插件croppers.js组件实现上传图片的自定义截取(含php后端)
layui框架实战案例(8):web图片裁切插件croppers.js组件实现上传图片的自定义截取(含php后端)
431 0
|
11月前
|
SQL 小程序 搜索推荐
微信小程序 获取 手机验证码 短信验证码 后端功能实现解析
微信小程序 获取 手机验证码 短信验证码 后端功能实现解析
607 0
微信小程序 获取 手机验证码 短信验证码 后端功能实现解析