el-upload 拖动上传图片成功但是成功回调不生效
时间: 2023-07-18 12:29:05 浏览: 223
elemetUi 组件--el-upload实现上传Excel文件的实例
5星 · 资源好评率100%
可能是因为你没有在组件中正确绑定回调函数,或者回调函数中的代码有误。可以参考以下步骤进行排查:
1. 确保在组件中正确绑定了成功回调函数,例如:
```
<el-upload
:on-success="handleSuccess"
>
...
</el-upload>
```
2. 确保回调函数中的代码没有问题,例如:
```
methods: {
handleSuccess(response, file, fileList) {
console.log(response);
}
}
```
3. 确保后端接收到上传文件并返回了正确的响应。你可以在浏览器的开发者工具中查看网络请求和响应,确保上传成功并且响应中包含了需要的信息。
如果以上步骤都没有问题,那么可以考虑使用 `before-upload` 属性来进行调试,这样可以在上传之前打印出上传文件的信息,例如:
```
<el-upload
:before-upload="handleBeforeUpload"
:on-success="handleSuccess"
>
...
</el-upload>
```
```
methods: {
handleBeforeUpload(file) {
console.log(file);
return true;
},
handleSuccess(response, file, fileList) {
console.log(response);
}
}
```
这样可以帮助你更好地定位问题。如果还有问题,请提供更多的相关代码和信息,方便我进行更准确的排查。
阅读全文