el-upload获取图片临时路径
时间: 2023-11-01 11:53:06 浏览: 204
拍照获取路径
要获取el-upload组件中上传图片的临时路径,可以按照以下步骤进行操作:
1. 首先,确保你已经从后台获取到七牛token,并且成功上传了图片到七牛。
2. 然后,在el-upload组件中,通过设置change监听来获取上传的路径。根据引用提供的代码,你可以在el-upload组件上添加一个change事件处理函数`orgLogoChange`,并将上传的图片路径保存在`listVideoQuery.orgLogo`中。
3. 在change事件处理函数`orgLogoChange`中,可以通过`event.file`来获取上传的文件对象。根据引用提供的代码,你可以使用`event.file.name`来获取上传文件的临时路径。
下面是一个示例代码,展示了如何获取el-upload组件中上传图片的临时路径:
```javascript
<el-upload v-model="listVideoQuery.orgLogo" @change="orgLogoChange">
<!-- 添加上传图片的相关配置 -->
</el-upload>
// 在 Vue 实例中的 methods 中添加 orgLogoChange 函数
methods: {
orgLogoChange(event) {
// 获取上传的文件对象
const file = event.file;
// 获取上传文件的临时路径
const tempPath = file.name;
// 在这里可以对临时路径进行处理,如显示在页面上或进行其他操作
console.log("上传图片的临时路径: ", tempPath);
}
}
```
通过以上步骤,你可以成功获取el-upload组件中上传图片的临时路径,并对其进行进一步处理。
阅读全文