uniapp视频、音频上传的方法-Toy模板网

这篇具有很好参考价值的文章主要介绍了uniapp视频、音频上传的方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

// 选择文件
uni.chooseVideo({
  sourceType: ['album', 'camera'],
  maxDuration: 60,
  camera: 'back',
  success: function(res) {
    // 选择成功，开始上传文件
    uni.showLoading({
      title: '上传中...'
    });
    uni.uploadFile({
      url: 'https://your-upload-url.com/upload',  // 上传地址
      filePath: res.tempFilePath,                 // 要上传的文件路径
      name: 'file',                                // 上传文件对应的 key 值
      success: function(uploadRes) {
        // 上传成功处理逻辑
        console.log(uploadRes);
        uni.showToast({
          title: '上传成功'
        });
      },
      fail: function(error) {
        // 上传失败处理逻辑
        console.log(error);
        uni.hideLoading();
        uni.showToast({
          title: '上传失败'
        });
      },
      complete: function() {
        uni.hideLoading();
      }
    });
  }
});

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

同样的，上传音频可以使用类似的方法，只需要将uni.chooseVideo()改为uni.chooseAudio()即可。文章来源地址https://www.toymoban.com/news/detail-550371.html

到了这里，关于uniapp视频、音频上传的方法的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！