微信程序直接选择上传文件时跳转手机的文件管理往往看到这样的画面
这对于大部分用户是很不友好的,经常找不到用户想要上传的文档
我所使用的是利用微信自带的两个api实现文件选择和上传,话不多说直接上选择文件界面的效果图
代码不长,调用的api可以去官方文档查找
<!-- 上传文件view -->
<view bindtap="upLoadFile"></view>
//上传文件函数
upLoadFile() {
let timestamp = ''
// 用时间戳生成随机码做为图片名称
timestamp = (new Date()).valueOf();
console.log('timestamp是', timestamp)
let that = this
// 选择文件部分(只能选择微信聊天的文件)
wx.chooseMessageFile({
// 文件上传数量限制
count: 1,
// 文件类型限制
type: 'file',
success(res) {
console.log("选择文件成功", res)
// 上传云端
wx.cloud.uploadFile({
// 指定上传到的云路径
cloudPath: "小黑/" + type + "/" + timestamp + '.file',
// 指定要上传的文件的小程序临时文件路径
filePath: res.tempFiles[0].path,
// 成功回调
success: res => {
// 判断用户是否选择了文件
if (res.fileID) {
console.log('res', res)
}
},
})
},
fail(err) {
console.log("选择文件错误", err)
}
})
},
利己利人,希望对大家能有所帮助,加油!