el-upload自动上传无法调用success
时间: 2023-11-17 18:03:10 浏览: 92
-up组件默认是自动上传的,因此无法手动调用success方法。如果需要在上传成功后执行一些操作,可以使用-success钩子函数,在该函数中处理上传成功后的逻辑。如果需要在-success中传递更多的参数,可以将这些参数作为一个对象,然后将该对象作为fiLis的一个属性传递给后端,后端在返回respons时将该属性一并返回,这样就可以在-success中获取到这些参数了。\n\
相关问题
el-upload 自动
el-upload是一个Element UI组件库中的上传组件,可以用于实现文件上传功能。当使用el-upload进行自动上传多个文件时,每个文件会依次调用接口进行上传,并且每次成功上传后会触发on-success事件。但是由于每次上传只会展示一个文件,所以fileList中只会展示一个file。
如果想要实现当使用el-upload自动上传多个文件时,通过on-success来控制fileList展示后端返回的文件预览图和名称,可以参考以下步骤:
1. 在el-upload中设置auto属性为true,使其变为自动上传模式。
2. 在on-success事件处理函数中,获取后端返回的文件信息。
3. 将获取到的文件信息添加到fileList中,以实现动态展示文件预览图和名称。
el-upload使用http-request 方式上传,为什么on-success 也被调用了
el-upload 组件使用 http-request 方式上传时,通常会发送一个 HTTP 请求来上传文件。在请求完成后,无论上传成功或失败,都会触发 on-success 事件。
原因是在发送完请求后,组件会等待服务器的响应。当服务器响应成功时,即使文件上传成功,也会触发 on-success 事件。这是为了让开发者能够在文件上传成功后执行一些额外的操作或处理逻辑。
如果你只想在文件上传成功时触发 on-success 事件,可以在事件处理函数中判断服务器的响应状态码。只有当状态码符合预期时,才执行相应的逻辑。
请注意,在使用 http-request 方式上传时,on-success 事件的触发条件与文件是否上传成功或失败无关,而是取决于服务器的响应状态。
阅读全文