# 这个项目用的是微信云开发，然后准备把 banner 图放到云存储中，此时复制File ID是访问不到的，这时需要通过调用云函数来上传图片然后获取到云端路径，后面才能通过请求获取到地址放到 src 属性上
// 上传图片到云服务器
uploadImage() {
wx.chooseImage({
count: 1,
sizeType: ['original', 'compressed'],
sourceType: ['album', 'camera'],
success: res => {
console.log("图片选择成功", res)
let imageUrl = res.tempFilePaths[0]
wx.cloud.uploadFile({
cloudPath: new Date().getTime() + '.png',
filePath: imageUrl,
success: (res) => {
console.log("云端路径",res)
},
fail: (res) => {},
complete: (res) => {},
})
}
})
},
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
# 这时候可以在调用云函数来操作数据库，或者自己手动添加
# 这次我是通过 api 来访问的 -> 开通一下内容管理 然后打开
wx.request({
url: 'https://*********.service.tcloudbase.com/api/v1.0/banner',
success: res => {
res = res.data
console.log(res)
let bannerImg = {};
for (var i = 0; i < res.data.length; i++) {
bannerImg[i] = res.data[i];
}
t.setData({
bannerImg: bannerImg
});
}
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14