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

微信小程序上传视频,解决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.xdnf.cn/news/4797.html

相关文章:

  • 【算法专题十一】字符串
  • Java并发编程几个问题的解答
  • ResNet中使用expansion放大维度特征
  • ESP32 DAC音频应用示例与场景
  • Java 的 Monitor 机制:原理与源码详解
  • c语言与c++到底有什么区别?
  • Alpha3DCS公差分析系统_国产替代的3D精度管控方案-SNK施努卡
  • 力扣热题——到达最后一个房间的最少时间 I
  • 云原生应用全生命周期管理实战:从开发、部署到运维的一体化方案
  • 华为首款鸿蒙电脑正式亮相,开启国产操作系统新篇章
  • 20250508在WIN10下使用移远的4G模块EC200A-CN直接上网
  • 【整形数字转化为字符串,求有几位相同(汉明距离)】2021-11-20 20:15
  • EMQX 作为 MQTT Broker,支持 ​MQTT over TCP​ 和 ​MQTT over WebSocket​ 两种协议
  • 数据分析平台选型与最佳实践:如何打造高效、灵活的数据生态?
  • 编译原理头歌实验:词法分析程序设计与实现(C语言版)
  • 人工智能的自动驾驶新纪元:端到端智能系统挑战与前沿探索方案
  • Java 17配置Jenkins
  • robot_lab中rsl_rl的replay_amp_data.py简洁解析
  • 支持鸿蒙next的uts插件
  • 线代第二章矩阵第五、六、七节矩阵的转置、方阵的行列式、方阵的伴随矩阵
  • Android开发报错解决
  • mysql 复习
  • Webug4.0靶场通关笔记22- 第27关文件包含
  • 用递归实现各种排列
  • 使用Jmeter进行核心API压力测试
  • 如何进行APP安全加固
  • 计算机视觉与深度学习 | 基于Transformer的低照度图像增强技术
  • 用react实现一个简单的三页应用
  • nut-form表单:实现动态新增、校验
  • android ViewModel liveData无法监听之多线程下activityViewModels不安全