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

1.碰到问题

工单里面上传完视频video组件ios无法播放视频,安卓可以
2.原因

使用了后台接口返回的url拼域名 , 正确做法:使用wx.chooseMedia()里面的tempFilePath(本地临时文件路径 (本地路径)),上传好了详情可以使用后台返回的url拼域名
3.代码

java 复制代码
		/*上传视频*/
			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.attachPath
							that.saveVideoList.push(resp.data)
						}

					},
					fail: (err) => {
						uni.hideLoading()
						console.log("图片上传接口调用失败", err);
					},
				});
			},

4.参考文档

微信小程序文档
5.效果

相关推荐
Digitally12 小时前
5 种简易方法:摩托罗拉手机数据迁移至 iPhone 17
ios·智能手机·iphone
西安老张(AIGC&ComfyUI)14 小时前
第021章:ComfyUI文生音频Qwen3-TTS模型数字人音色设计(一)
aigc·音视频·数字人·comfyui
小殊小殊14 小时前
一文速通GPU版FFmpeg视频转码的安装使用
ffmpeg·音视频·视频编解码
美狐美颜SDK开放平台14 小时前
直播APP平台开发如何降低成本?视频美颜SDK方案解析
人工智能·音视频·美颜sdk·直播美颜sdk·视频美颜sdk·美颜api
luoyayun36115 小时前
Qt/QML音视频文件原始十六进制查看器
qt·音视频·十六进制查看
火山引擎边缘云16 小时前
让 Agent 成为音视频工作台:AI MediaKit CLI + Skill 发布
人工智能·音视频·火山引擎
阿拉斯攀登16 小时前
视频编解码(二):H.264 是怎么把 10GB 压成 100MB 的?
音视频·视频编解码·h.264
小鹿软件办公18 小时前
如何利用 Mac 自带 iMovie 裁剪去除视频 Logo 或文字水印
macos·音视频·视频去水印·简鹿水印助手
love530love18 小时前
WorkBuddy + 本地 ComfyUI Wan2.1 文生视频实战:从连续报错到成功出片的完整踩坑记录
人工智能·windows·python·音视频·devops·comfyui·mcp
sweetone20 小时前
用AI工具也没有找到的SONY 1-688-420-12 功放板实测电路图
经验分享·音视频