vant uploader 获取上传到服务器的地址
时间: 2024-02-02 19:03:44 浏览: 73
移动端 Vue+Vant 的Uploader 实现上传、压缩、旋转图片功能
对于 Vant Uploader 组件,上传成功后会触发 `after-read` 事件,并且会传入一个参数 `file`,其中的 `url` 属性就是上传到服务器的地址,例如:
```html
<van-uploader
action="https://www.example.com/upload"
:after-read="uploadAfter"
...
></van-uploader>
```
然后在 Vue 实例中定义 `uploadAfter` 方法:
```js
methods: {
uploadAfter(file) {
console.log(file.url);
}
}
```
这样,当文件上传成功后,`uploadAfter` 方法会被调用,你可以在这个方法中获取上传到服务器的地址。在这个例子中,我们通过 `console.log` 将地址打印到控制台上。
阅读全文