微信小程序视频图片上传到腾讯云COS对象储存

配置好腾讯云账号下载对应SDK引入使用，这里提供实践代码。

let  COS = require('./utils/cos-wx-sdk-v5');
//签名生成配置数，可自行生成，或者后台处理好给你// 初始化cos 后台配置参数
// new Cos sdk 实例
var cos = new COS({getAuthorization (options, callback) {App.post('api/oss/authorization',JSON.stringify(api_data)).then((res)=>{let credentials = res.data;callback({TmpSecretId: credentials.tempSecretId,TmpSecretKey: credentials.tempSecretKey,XCosSecurityToken: credentials.tempToken,ExpiredTime: credentials.tokenExpireTime});});}
});
//这里用到文件系统 解析 上传地址
var FSM = wx.getFileSystemManager();//文件上传
uploadFn(file,callback){// 本地资源路径var filePath = file;//文件相对路径名var relativePath =App.globalData.UploadResource.path + encrypt.uuidKey()+'.'+ file.substr(file.lastIndexOf('.') + 1);wx.showLoading({title: '上传中...',mask: true,});FSM.readFile({filePath:filePath,encoding: "base64",success: function(imageInfo) {var m = (/data:image\/(\w+);base64,(.*)/.exec('data:image/png;base64,'+imageInfo.data) || []);var format = m[1],bodyData = m[2];var fileBuf = wx.base64ToArrayBuffer(bodyData);cos.putObject({Bucket: '储存桶',Region: '地区',Key: relativePath, //文件名Body:fileBuf,}, function (err, data) {console.log(data);if(data!=undefined && data.statusCode == 200 && data.Location){let online_url = data.Location.substr(data.Location.lastIndexOf('/company'),data.Location.lastIndexOf('.') + 1);callback && callback(online_url);//     // 获取桶里的资源地址url//     cos.getObjectUrl({//         Bucket: '',//         Region: '',//         Key: relativePath,//         Sign: true,//         Expires:UploadResource.tokenExpireTime - parseInt(new Date().getTime()/1000), // 有效期//     }, function (err, getdata) {//         console.log(err ,getdata);//     });// }else{//     wx.hideLoading();//    self.showTaost('网络异常,请重新上传！');}else{callback && callback('');}wx.hideLoading();});}});},

微信小程序视频图片上传到腾讯云COS对象储存相关推荐

php微信小程序多图上传,tp5实现微信小程序多图片上传到服务器功能
最近在做一个教育类的小商城的微信小程序,用到了上传多个图片文件到服务器端,这里做一个讲解,希望对大家有所帮助. 1,小程序端: 在wxml文件中: 删除点击上传作业在js文件中: Page({ / ...
uniapp 微信小程序开发图片上传压缩
uniapp 微信小程序开发图片上传压缩安卓上传图片并压缩思路全部代码安卓上传图片并压缩由于后端接口对图片的大小有限制,所以在上传图片是需要压缩处理: uni.chooseImage({c ...
微信小程序多图片上传支持预览删除设置数量上限
github地址: https://github.com/Volcano-Yang/miniprogram-picture-upload Miniprogram-Picture-Upload 努力帮助 ...
html5 dzzxjbd cn,UEditor实现单张图片上传至腾讯云（对象存储服务）功能（html5
UEditor文件上传默认只支持后端语音,因为项目是前后端分离开发,所以需要前端自行实现图片上传. 这里是直接修改的 ueditor/ueditor.all.js文件 ueditor.all.js中找 ...
【微信小程序】图片上传组件“mp-uploader“(weui)
使用示例 wxml <mp-uploader files="{{files}}" max-count="{{maximgs}}" max-size=& ...
微信小程序删除服务器图片,微信小程序实现图片上传放大预览删除代码
本文实例为大家分享了微信小程序图片上传放大预览的具体代码,供大家参考,具体内容如下 image.js代码: = 9) { this.setData({ lenMore: 1 }); setTimeou ...
微信小程序多图片上传全栈实战
本篇教程技术栈:springBoot(Java后端)+ 微信小程序.完整的图片上传教程. 页面截图,点击图片右上角按钮可以删除图片. 1.图片上传需要使用wx.uploadFile(Object o ...
微信小程序之图片上传、多图上传、头像上传、头像获取、图片上传失败问题解决
小程序用户授权获取用户头像,需点击才可以让用户选择是否授权. 图片上传失败问题解决图片上传一定要记得修改合法域名,不然会失败,而且找不到报错信息哟!并且域名采用 https 点击,用户授权,获取用 ...
微信小程序实现图片上传（清晰版）
在wxml文件中添加一个按钮和一个image标签用于显示上传的图片 <view><button bindtap="chooseImage">选择图片< ...

微信小程序视频图片上传到腾讯云COS对象储存

微信小程序视频图片上传到腾讯云COS对象储存相关推荐

最新文章

热门文章