uniapp中nvue里使用uni.compressVideo(报TypeError: Cannot read properties of undefined (reading 'compressVideo'怎办,怎样在nvue里上传
时间: 2024-04-22 16:24:18 浏览: 178
很抱歉,我之前提到的 `uni.compressVideo` 方法在 nvue 中是不支持的。在 nvue 中,你可以使用 `uni.uploadFile` 来上传视频文件,并在服务端进行视频压缩。
以下是一个示例代码,演示了如何在 nvue 中上传视频文件:
```vue
<template>
<view>
<button @click="chooseVideo">选择视频</button>
<button @click="uploadVideo">上传视频</button>
</view>
</template>
<script>
export default {
methods: {
// 选择视频文件
chooseVideo() {
uni.chooseVideo({
success: (res) => {
this.videoPath = res.tempFilePath
}
})
},
// 上传视频文件
uploadVideo() {
uni.uploadFile({
url: 'your_upload_url',
filePath: this.videoPath,
name: 'file',
success: (res) => {
console.log('上传成功', res)
},
fail: (err) => {
console.log('上传失败', err)
}
})
}
}
}
</script>
```
在上面的示例代码中,我们使用 `uni.chooseVideo` 方法选择视频文件,并将文件路径存储在 `videoPath` 变量中。然后,通过 `uni.uploadFile` 方法将视频文件上传到指定的服务器地址。你需要将 `'your_upload_url'` 替换为你真实的上传地址。
请注意,以上代码仅演示了如何在 nvue 中上传视频文件,而没有包含视频压缩的功能。如果你需要在客户端进行视频压缩,可以尝试使用第三方插件或者在服务端对上传的视频文件进行压缩处理。
阅读全文