1.复制源码文件中的 cos-wx-sdk-v5.js 到自己小程序代码根目录下任意路径，并用相对路径引用:

复制源码文件中的 cos-wx-sdk-v5.js 到自己小程序代码根目录下任意路径，并用相对路径引用

var COS = require('./lib/cos-wx-sdk-v5.js')

2.创建一个COS.JS文件

const COS=require("./cos-wx-sdk-v5.js")
const Bucket="";//存储桶的名称，命名规则为 BucketName-APPID，此处填写的存储桶名称必须为此格式
const Region="";//存储桶所在地域
//创建一个 COS SDK 实例
// SECRETID 和 SECRETKEY请登录 https://console.cloud.tencent.com/cam/capi 进行查看和管理
const cos = new COS({SecretId: '',SecretKey: '',
});
//创建存储桶
cos.putBucket({Bucket:Bucket,Region: Region,
}, function (err, data) {console.log(err || data);
});//查询存储桶列表
cos.getService(function (err, data) {console.log("[查询存储桶列表]")console.log(data && data.Buckets);
});
//删除function deleteFileToTencentClound(Key){return new Promise((resolve,reject)=>{cos.deleteObject({Bucket:Bucket,Region: Region,Key: Key,}, function (err, data) {console.log(err || data);resolve(data)});})
}
//上传图片到腾讯云
function uploadFileToTencentClound(filename,filePath){return new Promise((resolve,reject)=>{cos.postObject({Bucket: Bucket,Region: Region,Key: 'wxFile/' + filename,FilePath: filePath,onProgress: function (info) {console.log("[cos.postObject-seccess]",JSON.stringify(info));}      }, function (err, data) {console.log("[cos.postObject-err]",err || data);resolve(data.headers.location)})})
}
export default {uploadFileToTencentClound,deleteFileToTencentClound
}

3.页面中调用

uni.chooseImage({count: 1, //默认9sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有sourceType: ['album'], //从相册选择success: function (res) {let filePath = res.tempFiles[0].path;let filename = filePath.substr(filePath.lastIndexOf('/') + 1);COS.uploadFileToTencentClound(filename,filePath).then((res)=>{console.log("[修改头像]",res)that.avatarUrl=res})}});

uniapp中简单方法之上传图片到腾讯云相关推荐

uniapp上传图片到腾讯云COS
使用第三方总是非常麻烦的,这里使用uniapp的条件编译,给大家带来微信小程序的上传图片以及H5的上传图片到腾讯云COS 毕竟文档很难看,由于进行了封装,在最后再显示完整代码首先解决H5的上传 ...
uni-app上传图片到腾讯云
uni-app上传图片到腾讯云(对象存储) 客户端,先从后端请求到上传的链接,再直接上传图片到腾讯云的对象存储. 1.文件base-util.js的内容: function chooseImageFr ...
微信小程序/网站上传图片到腾讯云COS
COS简介: 腾讯云提供的一种对象存储服务,供开发者存储海量文件的分布式存储服务.可以将自己开发的应用的存储部分全部接入COS的存储桶中,有效减少应用服务器的带宽消耗等.个人也可以通过腾讯云账号免费使 ...
vue 上传图片到腾讯云对象存储
需求:上传图片到腾讯云对象存储,返回图片链接地址. 大概流程: 腾讯云对象存储(Cloud Object Storage,COS)是腾讯云提供的一种存储海量文件的分布式存储服务,用户可通过网络随时存储 ...
图片上传成功但是图片显示不出来_小程序上传图片到腾讯云
这是小程序开发第二篇,主要介绍如何上传图片到腾讯云,之所以选择腾讯云,是因为腾讯云免费空间大准备工作上传图片主要是将图片上传到腾讯云对象存储(COS). 要使用对象存储 API,需要先执行以下步骤 ...
使用微信js sdk关于选择及上传图片至腾讯云COS
使用微信js sdk关于选择及上传图片至腾讯云COS 使用微信js sdk关于选择及上传图片至腾讯云COS 背景名词参考效果图展示开发步骤 1:概要步骤 2:上代码结束: 使用微信js sd ...
QT POST方法：以使用腾讯云发送短信为例
QT POST方法:以使用腾讯云发送短信为例 1.准备 2.随机数 3.时间戳 4.哈希算法 5.签名方法 6.POST结合使用 POST方法是制作软件中常用的一个方法,而验证码短信在各种注册操作中需 ...
upload上传图片到腾讯云，如何上传图片
讲解一下如何上传图片到腾讯云,上传到其他第三方云盘操作也是大致一样的: 一:首先需要拥有一个账号(有的直接可以跳过看后面) 1.创建一个腾讯云账号,跟着提示操作即可(必须实名-为了安全),中间选择对 ...
腾讯云服务器怎么搭建ssm项目,SSM 项目如何上传图片到腾讯云COS？
-------------------- 个人博客上已经同步更新了文章,有目录索引,阅读起来比较方便,欢迎大家移步个人博客上读阅~ 个人博客地址:[http://zwd596257180.gitee. ...
如何完成上传图片到腾讯云
这个是官方文档里面的属性, upload(params){ console.log(params) } 下面是参数打印出来的结果: 将图片上传到腾讯云: 1.安装依赖:npm i cos-js-sd ...

uniapp中简单方法之上传图片到腾讯云

uniapp中简单方法之上传图片到腾讯云

1.复制源码文件中的 cos-wx-sdk-v5.js 到自己小程序代码根目录下任意路径，并用相对路径引用:

2.创建一个COS.JS文件

3.页面中调用

uniapp中简单方法之上传图片到腾讯云相关推荐

最新文章

热门文章