当前位置:   article > 正文

uniapp视频、音频上传的方法_uniapp上传音频文件

uniapp上传音频文件

uniapp中的视频、音频上传可以使用uni.uploadFile()方法来实现。具体代码如下:

  1. // 选择文件
  2. uni.chooseVideo({
  3. sourceType: ['album', 'camera'],
  4. maxDuration: 60,
  5. camera: 'back',
  6. success: function(res) {
  7. // 选择成功,开始上传文件
  8. uni.showLoading({
  9. title: '上传中...'
  10. });
  11. uni.uploadFile({
  12. url: 'https://your-upload-url.com/upload', // 上传地址
  13. filePath: res.tempFilePath, // 要上传的文件路径
  14. name: 'file', // 上传文件对应的 key
  15. success: function(uploadRes) {
  16. // 上传成功处理逻辑
  17. console.log(uploadRes);
  18. uni.showToast({
  19. title: '上传成功'
  20. });
  21. },
  22. fail: function(error) {
  23. // 上传失败处理逻辑
  24. console.log(error);
  25. uni.hideLoading();
  26. uni.showToast({
  27. title: '上传失败'
  28. });
  29. },
  30. complete: function() {
  31. uni.hideLoading();
  32. }
  33. });
  34. }
  35. });

其中uni.chooseVideo()用于从相册或拍摄录像中选择文件,uni.uploadFile()用于将文件上传到服务器。需要注意的是,在uni.uploadFile()中要将要上传的文件路径传入filePath参数中,将上传文件的key值传入name参数中。同时,还需要在success回调函数中处理上传成功的逻辑,在fail回调函数中处理上传失败的逻辑,在complete回调函数中隐藏加载动画。

同样的,上传音频可以使用类似的方法,只需要将uni.chooseVideo()改为uni.chooseAudio()即可。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/190304
推荐阅读
相关标签
  

闽ICP备14008679号