美文网首页
uniapp中视频上传小结

uniapp中视频上传小结

作者: 周星星的学习笔记 | 来源:发表于2021-09-26 14:05 被阅读0次

    uniapp中做视频上传功能可以分为「视频选择」与「视频上传」两个步骤来进行,下面便是简单的示例代码:

          //选择视频
          uni.chooseVideo({
            count: 1, //默认100
            success: function (res) {
              //可以判断有没有超过最大限制
             // let  fileSize = res.size;
             //获取文件选择之后的临时路径
              let tempFilePath = res.tempFilePath;
              uni.showLoading({
                title: "上传中...",
              });
              //上传视频
              uni.uploadFile({
                name: "files[]",    //文件上传的name值
                url: 'http://api.xxxx.com/upload',    //接口地址
                header:{},    //头信息
                formData:{},   //上传额外携带的参数
                filePath: tempFilePath,     //临时路径
                fileType: "video",               //文件类型
                success: (uploadFileRes) => {
                  uni.hideLoading();
                  const ret = JSON.parse(uploadFileRes.data);
                  console.log(ret); 
                },
              });
            },
          });
    

    相关文章

      网友评论

          本文标题:uniapp中视频上传小结

          本文链接:https://www.haomeiwen.com/subject/bcuqnltx.html