根据Element UI 的官方文档,el-upload 组件并没有明确说明不支持二次上传。因此,理论上它应该支持用户多次选择文件并上传。 检查用户代码中的 el-upload 组件使用方式: 确保你没有在组件的 before-upload 钩子函数中阻止了文件的再次上传。例如,如果 before-upload 返回false 或Promise.reject(),则上传会被取消。
当指定了参数limit=1, 再次上传就会无效 以下是官方文档给出的解决方法示例 通过on-exceed来定义超出限制时的行为 <template><el-uploadref="uploadRef":limit="1":on-exceed="handleExceed":auto-upload="false"></el-upload></template>import{ ref }from'vue'import{ genFileId }from'element-plus'import...
elementui上传组件el-upload无法第二次上传 无需上传服务器的文件取消或者再次上传时失效的问题 <el-uploadclass="upload-demo"ref="upload"dragaction="":limit="1"accept=".csv":show-file-list="false":before-upload="onClickCsvBeforeupload">点这,或者拖到着</el-upload> AI代码助手复制代码 在组件中添...
el-upload上传文件删除再次上传,上传列表中会出现重复数据。只有新增上传时才会出现这样的问题,修改时因为有了一条数据所以不会出现问题。// 问题代码 <file-upload multiple :file-list="param.fileList || []" ></file-upload> param.fileList: "" 问题解决注意,当param.fileList为一个空字符时,默认绑定的就...
在查阅文档和社区后，发现这可能是因为文件未被及时清理，导致组件处理重复上传。通常的解决方法是调用组件的clearFiles方法，清除文件列表。但尝试后并未解决问题。进一步研究Element Plus的文档，发现在处理文件上传时，还有一个用于移除文件的方法：handleRemove。因此，我们应该在文件上传成功后，及时调用handle...
问题描述:使用el-upload 在IE10浏览器下删除文件,再上传同一份文件,无法显示,甚至无法触发onchange事件。 原因: 使用el-upload 组件选择上传文件后, this.$refs.upload.$el.getElementsByTagName("input")[0].value 是文件的路径,会看到文件名。 chorme里的表现是每次onChange,或onRemove 这个属性都会是当前操作文...
**问题描述:使用elementPlus upload组件上传文件,每次只能选择一个文件,如果上传失败,再次点击上传按钮,没有反应。 解决:清空已选文件列表,然后重新赋值。** <el-upload:action="uploadFileUrl+'?name='+(downloadFileName.name)":headers="accessToken":limit="1":format="['xls','xlsx']"accept=".xls, .xl...
第一次上传文件,文件列表显示正常,点击提交也能正常返回给后端。 第二次文件上传无法生效,点击提交按钮也没反应。 在网站找了很多,发现问题的定位,基本上都是因为没有及时清理文件导致的,需要调用组件的clearFiles方法,相关代码如下,但是我试了并不行。 <!-- Vue2版本 --> <template> <el-upload ref="uploadRe...
multiple action="":on-change="fileChange":on-remove="fileRemove":auto-upload="false":file-list="fileList"></el-upload>确定上传// scriptdata(){return{fileList:[],isRepeat:true,// 用来记录上传的文件是否重复}},watch:{isRepeat(newValue){if(newValue){this.debouncedTip()}}},created(){...