微信小步伐上传视频，办理ios上传完video组件无法播放 ...

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

1.                 /*上传视频*/
2.                         chooseVideo() {
3.                                 uni.chooseMedia({
4.                                         maxDuration: 30, //拍摄视频最长拍摄时间，单位秒。最长支持 60 秒
5.                                         count: 1,
6.                                         mediaType: ["video"],
7.                                         sourceType: ['album', 'camera'],
8.                                         sizeType:['compressed'],
9.                                         success: res => {
10.                                                 if (res.size / 1024 / 1024 > 20) {
11.                                                         return uni.showToast({
12.                                                                 icon: "none",
13.                                                                 title: "拍摄视频过大，请重新拍摄！",
14.                                                         });
15.                                                 }
16.                                                 console.log('kkkk')
17.                                                 console.log(res)
18.                                                 console.log('kkkk')
19.                                                 this.uploadFile(res.tempFiles[0]);
20.                                         }
21.                                 })
22.                         },
23.                         /*视频上传*/
24.                         uploadFile(file) {
25.                                 let that = this;
26.                                 uni.showLoading({
27.                                         title: "努力加载中",
28.                                         mask: true
29.                                 });
30.                                 console.log(file)
31.                                 this.videoList.push(file.tempFilePath) // 重要代码！！！！！！！
32.                                 // 以文件流的方式上传文件
33.                                 uni.uploadFile({
34.                                         url: that.$A.uploadFiles,
35.                                         filePath: file.tempFilePath || "",
36.                                         name: "file",
37.                                         formData: {
38.                                                 attachType: 'breakdown'
39.                                         },
40.                                         header: {
41.                                                 Authorization: wx.getStorageSync("token")
42.                                         },
43.                                         success: async (res) => {
44.                                                 uni.hideLoading()
45.                                                 let resp = JSON.parse(res.data)
46.                                                 console.log(resp)
47.                                                 if (resp && resp.status == 200) {
48.                                                         that.saveVideoList = []
49.                                                         let urls = BASEURL + resp.data.attachPath
50.                                                         that.saveVideoList.push(resp.data)
51.                                                 }
53.                                         },
54.                                         fail: (err) => {
55.                                                 uni.hideLoading()
56.                                                 console.log("图片上传接口调用失败", err);
57.                                         },
58.                                 });
59.                         },

复制代码

4.参考文档

微信小步伐文档
5.效果

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。