小程序
小游戏
企业微信
微信支付
扫描小程序码分享
调用sdk进行图片上传到cos时,怎么将这个方法写入到生命周期里啊?
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
可以参考腾讯云 COS 的小程序官方示例 https://github.com/tencentyun/wecos-ugc-upload-demo
一般的实现是创建一个自定义 handler,在调用 wx.chooseImage 接口的回调函数中调用 cos.postObject 上传文件
js:
Page({ //上传按钮事件处理函数 uploadToCos: function() { // 选择上传的图片 wx.chooseImage({ success: function(res) { // 获取文件路径 var filePath = res.tempFilePaths[0] // 获取文件名 var fileName = filePath.match(/(wxfile:\/\/)(.+)/) fileName = fileName[2] // 文件上传cos cos.postObject({ Bucket: config.Bucket, Region: config.Region, Key: fileName, FilePath: filePath, }, requestCallback) } }) } })
wxml:
<view class="container"> <!-- ... --> <button type="primary" bindtap="uploadToCos" class="user-button"> 一键上传 </button> <!-- ... --> </view>
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
为啥要写到生命周期里面呢? 上传图片是单独的上传方法,要自己定义啊
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
可以参考腾讯云 COS 的小程序官方示例 https://github.com/tencentyun/wecos-ugc-upload-demo
一般的实现是创建一个自定义 handler,在调用 wx.chooseImage 接口的回调函数中调用 cos.postObject 上传文件
js:
Page({ //上传按钮事件处理函数 uploadToCos: function() { // 选择上传的图片 wx.chooseImage({ success: function(res) { // 获取文件路径 var filePath = res.tempFilePaths[0] // 获取文件名 var fileName = filePath.match(/(wxfile:\/\/)(.+)/) fileName = fileName[2] // 文件上传cos cos.postObject({ Bucket: config.Bucket, Region: config.Region, Key: fileName, FilePath: filePath, }, requestCallback) } }) } })
wxml:
<view class="container"> <!-- ... --> <button type="primary" bindtap="uploadToCos" class="user-button"> 一键上传 </button> <!-- ... --> </view>
为啥要写到生命周期里面呢? 上传图片是单独的上传方法,要自己定义啊