检查请求的Response部分,确保它是您期望的响应。 查看Console标签页,检查是否有任何JavaScript错误或警告,这些可能会影响事件处理函数的执行。 通过以上步骤,您应该能够诊断并解决el-upload的on-success不生效的问题。如果问题仍然存在,可能需要进一步检查Vue实例的其他部分或服务器端逻辑。
<el-upload ref="uploadAdd" class="uploadAdd" :action="uploadUrl" :on-error="uploadError" :on-success="uploadSuccess" :on-change="handleChangeAdd" :on-exceed="handleExceed" :on-remove="handleRemoveAdd" :limit="1" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,appli...
<el-upload ref="uploadAdd" class="uploadAdd" :action="uploadUrl" :on-error="uploadError" :on-success="uploadSuccess" :on-change="handleChangeAdd" :on-exceed="handleExceed" :on-remove="handleRemoveAdd" :limit="1" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,appli...
image.png 以上这种写法是不生效的,但是before-upload会生效!!! !以下才是正确的写法! 此处省略解释,不懂可以去看源码
el-upload批量上传只执行一次成功回调on-success 删除掉: file-list="fileList" AI代码助手复制代码 在网上找了下解决方法,发现取消file-list绑定即可,网上也有自定义的上传事件的方法,不过这个操作起来更方便一些。 上面方法还是有点问题,正确的方法是在后台拉数据的时候,创建一个临时变量filelist2,然后将后台的数据fi...
onSuccess只执行了一次,无法获取其他文件的上传返回值 Additional comments 把file-list 选项绑定去掉后,可以正常触发多次 onSuccess,但去掉 file-list,就无法使用 limit 限制。看官方Demo,file-list 可以自行组装用于二次回显的,理论上非双向绑定的情况下,file-list 应该由外部传递和管理,但目前的情况看来只要 file-...
如果你想在上传成功后执行一些操作并且传递参数,你可以使用一个回调函数并在回调函数中处理相应的逻辑。 下面是一个示例,演示了如何在上传成功后触发回调函数并传递参数: ```html <template> <el-upload action="/your/upload/url" :on-success="handleSuccess" :before-upload="beforeUpload" > <el-button ...
解决方法 通过查看element官网解释: image4 删除的时候拿到该文件对象,文件对象中有一个status字段,判断这个字段为success的时候再执行删除时的代码就行啦 image5 改造后的代码 iamge6
注意如果使用自定义提交http-request,则on-success和on-error这两个钩子函数会不起作用,另外点击事件submitUpload中的this.$refs.uploadFiles.submit();是必须的,个人感觉是先将所有的文件给el-form处理, 我发先执行this.$refs.uploadFiles.submit();会多次执行handleUpload函数,次数与要上传文件的个数一样。