微信小程序选择本地文件上传到云存储

在微信小程序中，没有打开选取本地文件的API，经过查找开发文档，发现wx.chooseMessageFile()可以从客户端会话选择文件，并取得文件的文件名和临时路径。利用该API，编了选择本地文件上传到云存储的代码段，并把文件信息放在数据表中方便对文件的管理和下载。
/**

选择文件上传到云存储
*/
uploadfile:function(e) {
wx.chooseMessageFile({
count: 10, //可选择最大文件数（最多100）
type: ‘all’, //文件类型，all是全部文件类型
success(res) {
const filePath = res.tempFiles[0].path //文件本地临时路径
console.log(res)
// 上传文件
const cloudPath = ‘上传文件文件夹/’ + filename //云存储路径
console.log(cloudPath)
wx.cloud.uploadFile({
cloudPath,
filePath,
success: resa => {
console.log(resa.fileID)
const db = wx.cloud.database()
//把文件名和文件在云存储的fileID存入filelist数据表中
db.collection(‘filelist’).add({
data: {
filename: filename,
fileid: resa.fileID,
},
})
```
  },fail: e => {wx.showToast({icon: 'none',title: '上传失败',})},
})
```
}
})
},

微信小程序选择本地文件上传到云存储相关推荐

uniapp微信小程序选择聊天记录文件上传
目录精简版总结示例容易踩的坑 1.页面刷新问题 2.extension问题精简版总结单文件 wx.chooseMessageFile({count: 1,//限制选择的文件数量type: ' ...
微信小程序开发之文件上传下载应用场景（附Demo源码）
微信小程序开发之文件上传下载应用场景(附Demo源码),Demo为小相册应用,源码在附件中,本示例需要腾讯云支持. http://www.henkuai.com/forum.php?mod=viewt ...
微信小程序+SpringBoot实现文件上传与下载
微信小程序+SpringBoot实现文件上传与下载 1.文件上传 1.1 后端部分 1.1.1 引入Apache Commons FIleUpload组件依赖 1.1.2 设置上传文件大小限制 1.1 ...
微信小程序开发之——文件上传
一概述将录像的结果传递给服务器,服务端提供的接口文档为: 字段名称字段类型字段说明必填项示例 token String token 是服务器下发的token(header) file F ...
【微信小程序】大文件上传
小程序上传音频失败_微信小程序实现录音后上传文件方法详细
本篇文章讲述了微信小程序实现录音后上传文件方法,大家对微信小程序实现录音后上传文件方法不了解的话或者对微信小程序实现录音后上传文件方法感兴趣的话那么我们就一起来看看本篇文章吧, 好了废话少说进入正题吧 ...
微信图片自动上传到服务器,微信小程序怎样使图片上传至服务器
这次给大家带来微信小程序怎样使图片上传至服务器,微信小程序使图片上传至服务器的注意事项有哪些,下面就是实战案例,一起来看一下.-wxml 发布项目 /**选择图片 */ choose: functio ...
微信小程序如何把图片上传至服务器
微信小程序如何把图片上传至服务器前些日子接了个任务就是开发一个小程序,遇到了一个问题就是需要图片上传至服务器并保存记录,遵循着解决思路我们先从最开始入手 1:微信上传接口 2:服务器接收接口 3:保 ...
微信小程序用户头像编辑上传
微信小程序用户头像编辑上传近期接触了一个小程序项目,需要可以修改用户头像,默认获取用户当前微信头像,点击头像,可调用手机照相机或者本地相册,更换图片. html代码如下: js代码:
微信小程序java中文乱码_如何解决微信小程序显示中文无法上传或者出现乱码的问题？...
今天小编给大家讲解如何解决微信小程序显示中文无法上传或者出现乱码的问题?有需要或者有兴趣的朋友们可以看一看下文,相信对大家会有所帮助的. 在formData中对文字进行编码,使用encodeURI() ...

微信小程序选择本地文件上传到云存储

微信小程序选择本地文件上传到云存储相关推荐

最新文章

热门文章