当前位置: 首页 > news >正文

微信小程序上传视频,解决ios上传完video组件无法播放

1.碰到问题
工单里面上传完视频video组件ios无法播放视频,安卓可以
2.原因
使用了后台接口返回的url拼域名 , 正确做法:使用wx.chooseMedia()里面的tempFilePath(本地临时文件路径 (本地路径)),上传好了详情可以使用后台返回的url拼域名
3.代码

		/*上传视频*/chooseVideo() {uni.chooseMedia({maxDuration: 30, //拍摄视频最长拍摄时间,单位秒。最长支持 60 秒count: 1,mediaType: ["video"],sourceType: ['album', 'camera'],sizeType:['compressed'],success: res => {if (res.size / 1024 / 1024 > 20) {return uni.showToast({icon: "none",title: "拍摄视频过大,请重新拍摄!",});}console.log('kkkk')console.log(res)console.log('kkkk')this.uploadFile(res.tempFiles[0]);}})},/*视频上传*/uploadFile(file) {let that = this;uni.showLoading({title: "努力加载中",mask: true});console.log(file)this.videoList.push(file.tempFilePath) // 重要代码!!!!!!!// 以文件流的方式上传文件uni.uploadFile({url: that.$A.uploadFiles,filePath: file.tempFilePath || "",name: "file",formData: {attachType: 'breakdown'},header: {Authorization: wx.getStorageSync("token")},success: async (res) => {uni.hideLoading()let resp = JSON.parse(res.data)console.log(resp)if (resp && resp.status == 200) {that.saveVideoList = []let urls = BASEURL + resp.data.attachPaththat.saveVideoList.push(resp.data)}},fail: (err) => {uni.hideLoading()console.log("图片上传接口调用失败", err);},});},

4.参考文档
在这里插入图片描述
微信小程序文档
5.效果
在这里插入图片描述

http://www.dtcms.com/a/178111.html

相关文章:

  • iPhone手机连接WiFi异常解决方法
  • 森林生态学研究深度解析:R语言入门、生物多样性分析、机器学习建模与群落稳定性评估
  • 缓存局部性保留
  • R 语言机器学习:为遥感数据处理开启新视角
  • C++ 复习(一)
  • 【HCIP】----OSPF综合实验
  • (7)Nokov 室内光学跟踪系统
  • 第十六届蓝桥杯大赛软件赛C/C++大学B组部分题解
  • springCloud/Alibaba常用中间件之GateWay网关
  • 从ellisys空口分析蓝牙耳机回连手机失败案例
  • npm包之serve-favicon
  • Day 14 训练
  • 华为首款鸿蒙电脑正式亮相
  • 开发函数踩坑记 sum(1) over(partition by stock_code order by trade_date asc)
  • 2022年8月,​韩先超对中移信息进行微服务架构原理(Docker+k8s+DevOps+Go等)培训
  • HuggingFace与自然语言处理(从框架学习到经典项目实践)[ 01 API操作 ]
  • 【嵌入式开发-SPI】
  • C——操作符详解
  • 【统计学基础】随机抽样的特点
  • WiseAD:基于视觉-语言模型的知识增强型端到端自动驾驶——论文阅读
  • android手机中使用usb hid硬件esp32-s3模拟鼠标和触控板来实现模拟点击、模拟滑动等操作(免费送源代码)
  • 【JAVA】十三、基础知识“接口”精细讲解!(三)(新手友好版~)
  • 【已解决】WORD域相关问题;错误 未找到引用源;复制域出错;交叉引用域到底是个啥
  • PyTorch 入门与核心概念详解:从基础到实战问题解决
  • swagger3融入springboot
  • XML语言
  • 前端实战中的单例模式:以医疗药敏管理为例
  • 从一城一云到AI CITY,智慧城市进入新阶段
  • OpenCV 中用于背景分割的一个类cv::bgsegm::BackgroundSubtractorLSBP
  • 【数据融合实战手册·应用篇】“数字孪生+视频融合”让智慧城市拥有空间感知