element-ui upload上传组件 动态配置action遇到的的坑

最新推荐文章于 2024-02-23 16:20:08 发布
最新推荐文章于 2024-02-23 16:20:08 发布
阅读量1w 收藏 8
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/littlebearGreat/article/details/83012441
版权

element-ui中，使用upload上传组件时，很多时候需要带上文件的信息，这就需要动态配置action。

我遇到的情况是：配置action后上传时会报错，或者所带的信息是上一次上传的信息。

这是因为element的上传方法先执行，action的动态响应后执行。

解决方法：

给上传方法加个延时器

littlebearGreat
关注
  • 3
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
uploadAction文件上传
u012038649的专栏
10-26 3192
package com.ebook.action; import java.io.File; import java.io.IOException; import java.sql.Date; import java.util.List; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet;
在vue项目中使用element-ui的Upload上传组件的示例
01-19
本文介绍了vue项目中使用element-ui的Upload上传组件的示例，分享给大家，具体如下： <el-upload v-else class='ensure ensureButt' :action=importFileUrl :data=upLoadData name=importfile :onError=...
详解Element-UI中上传的文件前端处理
12-11
Element-UI对于文件上传组件的功能点着重于文件传递到后台处理，所以要求action为必填属性。但是如果需要读取本地文件并在前端直接处理，文件就没有必要传递到后台，比如在本地打开一个JSON文件，利用JSON文件在前端进行动态展示等等。 下面就展示一下具体做法： 首先定义一个jsonContent, 我们的目标是将本地选取的文件转换为JSON赋值给jsonContent 然后我们的模板文件是利用el-dialog和el-upload两个组件组合：这里停止文件自动上传模式:auto-upload=”false” <el-button type="primary" @click="
element el-upload 踩坑记录
CanTest的博客
07-26 275
element el-upload + minio踩坑记录
问题解决：使用el-upload组件获取File文件，不需要文件上传，action为空会请求本地路径报404
Anyuegogogo的博客
01-26 816
问题解决：使用el-upload组件获取File文件，不需要文件上传，action为空会请求本地路径报404 可以自定义上传方法、覆盖默认的上传行为 主要是这个属性 `:http-request="uploadFn"`
elementUI上传文件、及属性action遇坑
热门推荐
rock_23的博客
04-26 1万+
element UI的上传的属性说明文档说了，action必须得是string类型的，当你只改action的路径，但是接口要传参就会报错，我们必须要加上一个http-request这个属性，原因以下截图。 然后在函数中，请求接口传送参数就可以了 beforeAvatarUploadThree(file) { let params = new FormData() ...
Form表单上传大文件，无法进入后台Action,页面提示404.
忆尘
05-02 1991
web.config中添加如下节点
Avue：关于upload上传的文件没有调用action的问题
weixin_44132840的博客
02-23 541
使用过程中发现，上传的文件已经在upload列表中，点击可下载或预览，但没有调用action，以至于uploadAfter中无法操作。经过一系列测试后，最终确定是我限制了文件大小为100M，upload报错了。增加upload-error事件用来接收错误，并删除报错的文件。
关于upload 组件action属性一点小tips
weixin_44076775的博客
04-10 917
项目中做文件上传，肯定需要用到UI库的upload组件，其本质是原生input 的tyep为file时的封装，一般都会有一个action(此处以elementUI为例)属性表示上传地址，写过无数次了，有两点想要分享一下。
element-ui的Upload上传中action发送请求的问题
BUG小太阳
09-22 5324
需求：(post请求) 问题： 1、action必填项 2、token失效 3、请求两次 解决如下： <template> <div> <el-form label-width="80px"> <el-form-item label="资源上传:"> <el-upload class="upload-demo" ref="upload" :acti.
关于使用Element Plus的upload组件上传文件报错问题
m0_65607651的博客
12-19 643
关于使用Element Plus的upload组件上传文件报错问题
【element-ui】使用el_upload上传文件无法动态修改action
蓦然一笑的博客
09-03 1354
问题：最近在使用el_upload上传文件时，发现无法动态修改action的值，进行提交时，caseId2还是默认值null。原因：el-upload的先执行上传，后执行action里的响应，也就是赋值等操作。
vue-cli3.0+element-ui上传组件el-upload的使用
11-28
下面是我对element-ui的上传组件的一些改造， 点击查看源码。 我是自己维护了一个列表数据，再对这个列表数据进行一些操作，没用组件自带的。先看看我的组件模版 <el-upload class="upload-demo" :limit=...
Element-UI中Upload上传文件前端缓存处理示例
12-11
Element-UI对于文件上传组件的功能点着重于文件传递到后台处理，所以要求action为必填属性。 但是如果需要读取本地文件并在前端直接处理，文件就没有必要传递到后台，比如在本地打开一个JSON文件，利用JSON文件在...
【JavaScript源代码】element-ui中el-upload多文件一次性上传的实现.docx
12-28
element-ui中el-upload多文件一次性上传的实现 　项目需求是多个文件上传，在一次请求中完成，而ElementUI的上传组件是每个文件发一次上传请求，因此我们借助FormData的格式向后台传文件组　html代码　<div class="...
2010考研管理类联考综合能力答案解析.pdf
04-24
考研管理类联考综合能力答案解析，考研真题，考研历年真题，考研管理类联考历年真题，真题解析。
NumPy Matplotlib Matplotlib 是 Python 的绘图库 .zip
04-24
matplotlib绘图 通过 Matplotlib，开发者可以仅需要几行代码，便可以生成绘图、直方图、功率谱、条形图、错误图、散点图等。 Matplotlib基础知识 1.Matplotlib中的基本图表包括的元素 x轴和y轴 水平和垂直的轴线 x轴和y轴刻度 刻度标示坐标轴的分隔，包括最小刻度和最大刻度 x轴和y轴刻度标签 表示特定坐标轴的值 绘图区域 实际绘图的区域 2.hold属性 hold属性默认为True，允许在一幅图中绘制多个曲线；将hold属性修改为False，每一个plot都会覆盖前面的plot。 但是不推荐去动hold这个属性，这种做法（会有警告）。因此使用默认设置即可。 3.网格线 grid方法 使用grid方法为图添加网格线 设置grid参数（参数与plot函数相同） .lw代表linewidth，线的粗细 .alpha表示线的明暗程度 4.axis方法 如果axis方法没有任何参数，则返回当前坐标轴的上下限 5.xlim方法和ylim方法 除了plt.axis方法，还可以通过xlim，ylim方法设置坐标轴范围
毕业设计：基于微信小程序大学校园二手教材与书籍拍卖系统（源码 + 数据库 + 说明文档）
04-24
毕业设计：基于微信小程序大学校园二手教材与书籍拍卖系统（源码 + 数据库 + 说明文档） 毕业设计：基于微信小程序大学校园二手教材与书籍拍卖系统（源码 + 数据库 + 说明文档） 第二章 需求分析 4 2.1可行性分析 4 2.1.1技术的可行性 4 2.1.2经济的可行性 4 2.1.3操作可行性 4 2.2需求调研 4 第三章 数据库设计 6 3.1数据库的分析与设计 6 3.1.1数据库的概念结构设计 6 3.1.2数据表的逻辑结构设计 7 第四章 系统功能实现 8 4.1 系统后台界面 8 4.2书籍类别管理 8 4.3 书籍信息界面 9 4.4竞拍管理界面 9 4.5 微信小程序首页 9 4.6书籍信息添加 10 4.7书籍竞拍界面 11 4.8用户后台界面 11 第五章 系统测试 12 5.1 系统测试的意义 12 5.2 系统测试的内容 12 5.3系统测试结果 12 总结 13
利用openCV控制单片机小车运动轨迹.zip
最新发布
04-24
利用openCV控制单片机小车运动轨迹.zip
vue element-ui中 form 组件 upload组件
04-12
对于vue element-ui中form组件中的upload组件，可以通过设置limit属性来限制上传文件大小。例如，设置limit为200KB，则上传文件大小不能超过200KB： <el-upload class="upload-demo" action="/upload" :limit=...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值