当前位置: 首页 > 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.效果
在这里插入图片描述

相关文章:

  • 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:基于视觉-语言模型的知识增强型端到端自动驾驶——论文阅读
  • 夜读丨古代有没有近视眼?
  • 上海推动AI+文旅深度融合,MaaS平台和产业基地落地徐汇
  • 戴维·珀杜宣誓就任美国驻华大使
  • 公元1057年:千年龙虎榜到底有多厉害?
  • 诺和诺德一季度减重版司美格鲁肽收入增83%,美国市场竞争激烈下调全年业绩预期
  • “穿越看洪武”,明太祖及其皇后像台北故宫博物院南院展出