针对您提出的关于el-upload组件上传文件后没有及时显示的问题,我们可以从以下几个方面进行排查和解决: 1. 检查el-upload组件的配置 首先,确保el-upload组件的配置是正确的。特别是与文件显示相关的属性,如list-type(控制文件列表的类型)、auto-upload(是否自动上传)、on-success(文件上传成功时的钩子)等。以下是一...
注意，:http-request 属性需要返回一个 Promise，因为这直接影响到文件状态的更新。如果不返回，即使你手动在 file-list 中设置为成功状态，也会自动变为 ready。因此，确保在上传成功后调用 this.$message 显示成功信息，并使用 this.$set 方法更新文件的 status 属性，这样可以保证上传成功后文件状态显示...
(error) }) } return getBase64(file.file).then(res => { //需要return才会显示上传成功状态,不加return不好使 let form = { "addonName": file.file.name, "content": res, ..._this.uploadParam } upLoad(form).then((res) => { this.$message({ message: '上传成功', type: 'success' }...
有个属性 file-list,在上传成功的回调里面将他设置成空数组就行 element-ui 好像没有不显示动画的属性,所以你可以直接强行设置css隐藏.el-upload-list__item来隐藏上传动画(截图最下面那个就是上传过程中的class) 有用 回复 zhangliang: 这样是可以,但是页面上会有一个显示后再隐藏的过程,这个改怎么处理呢 回复...
最近在项目中,使用了elementUI的<el-upload>做上传文件,使用自定义:http-request的时候不显示默认的进度条。 其实这个问题有两种解决方案,一种是在action中直接写上要上传路径的url,然后在on-success中获取返回值的路径(保存到服务器中,会返回url的路径地址);另一种方法就是自定义进度条,也就是在:http-request后...
<el-button slot="trigger" size="small" type="primary">上传文件</el-button> 只能上传不超过 10 个文件 </el-upload> ``` 2. 分批上传文件,将文件分成多个小组上传。例如: ``` <el-upload class="upload-demo" action="//jsonplaceholder.typicode/posts/" :limit="5" :on-exceed="handleExceed...
主要就是对el-upload实现上传图片的途径的不理解 先贴代码,之后在做分析吧 vue部分 <el-image class="userImg" :src="localUserImg"> 加载中... </el-image> <el-upload ref="upload" class="upload-demo" action="" //这是你的接口 :...
当后端设置了拦截器,前端在使用el-upload进行文件上传时并不会携带token,需要另外进行设置,一般在axios的请求拦截器中会进行token的统一获取,el-upload的数据请求不会进入到这里 2.问题解决(重点) 我们需要在组件中使用headers属性,携带token headers格式如下 3.后端显示(了解) 获取到了前端携带的token,后续代码进行解析...
最近在做后台管理项目,采用的 vue-element-admin ,上传图片是一个很常用的功能,也遇到了很多问题,刚好趁此机会做一些总结。 初步总结下会提到的问题,目录如下: el-upload 自定义上传方法 图片上传到七牛云 图片压缩后再上传(压缩使用 lrz) el-upload 进度条不显示的问题 版本信息: element-ui 2.3.4 vue 2.5....