微信小程序开发之——文件上传

一 概述

将录像的结果传递给服务器,服务端提供的接口文档为:

字段名称 字段类型 字段说明 必填项 示例
token String token 服务器下发的token(header)
file File 文件 文件名称命名规则:*.mp4
userNo String 用户编号 1111111
organId String 机构编号 111111111

二 录像文件说明

2.1 录像文件

1
2
3
4
5
6
7
8
9
{
duration: 2,
errMsg: "operateCamera:ok",
height: 1440,
size: 1361741,
tempThumbPath: "wxfile://tmp_e2da6ad78f7e7ad905c219423f0bcabd08da7c199707da9cbb2ab5f73721858f.jpeg",
tempVideoPath: "wxfile://tmp_797bcd3bf19a1b4a6a384fa8e50bc8dbd1b65eaa8bfa7a04.mp4",
width: 720
}

2.2 录像文件说明

  • tempThumbPath:预览图
  • tempVideoPath:录像文件(不可改名)

三 文件上传文件

3.1 上传逻辑文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
wx.uploadFile({
url: "http://localhost/Upload.do",
filePath: that.data.videoSrc,
file: that.data.videoSrc,
name: 'file',
header: {
'token': wx.getStorageSync('token'),
},
formData: {
"userNo": wx.getStorageSync('userno'),
"organId": wx.getStorageSync('organId'),
},
success: function (res) {

if (res.statusCode == 200) {
try {
var resString = res.data
var res = JSON.parse(resString);
var data = res.data;
console.log(res.code);
console.log(1);
switch (res.code) {
case 20000: // 请求成功处理
resolve(data);
break;
// case 20001:
// case 20002:
// case 20005:
// case 20006:
// case 20007:
// case 20008:
// case 20009:
case 20003: // 20003
case 20004: // 20004
wx.removeStorageSync('token')
wx.removeStorageSync('userno')
wx.navigateTo({
url: '/pages/login/login',
})
console.log(data);
break;
default:
console.log(data);
break;
}
} catch (error) {
console.log("数据获取失败");
}
} else {
console.log("请求失败:");
}
},
fail: function (err) {
//服务器连接异常
console.log("服务器连接异常,请检查网络再试");
}
})

3.2 说明

  • 要上传的文件:filePath和file
  • 传递参数:通过formData传递
  • 服务器返回的结果:需要将String转换为Json(JSON.parse)

四 参考

  • 微信官方文档-upload