el-upload用on-change获取不到blob文件
时间: 2024-05-24 09:02:15 浏览: 188
基于vue-upload-component封装一个图片上传组件的示例
在使用 `el-upload` 组件上传文件时,可以通过 `on-change` 事件获取上传的文件信息。如果你无法获取到文件的 `blob` 对象,可能有以下几种原因:
1. `el-upload` 组件的 `drag` 属性为 `true`。此时,上传的文件信息保存在 `dataTransfer` 对象中,而不是 `event.target.files` 中。因此,你需要使用 `event.dataTransfer.files` 来获取上传的文件信息。
2. `el-upload` 组件的 `action` 属性为跨域地址。在这种情况下,浏览器将无法访问上传的文件对象,因为这会违反浏览器的同源策略。解决方法是设置 `el-upload` 组件的 `with-credentials` 属性为 `true`,并且确保服务器端设置了允许跨域请求的响应头。
3. 上传的文件大小超过了 `uploadLimit` 属性限制的大小。在这种情况下,`el-upload` 组件不会上传文件,并且 `on-change` 事件也不会触发。
如果以上方法都没有解决问题,你可以尝试在 `on-change` 事件中输出 `event.target` 对象,查看其中的属性和方法,以确定如何正确地获取上传的文件信息。
阅读全文