uniapp上传图片到阿里云
时间: 2023-11-12 08:08:11 浏览: 101
上传图片到阿里云
要在uniapp中上传图片到阿里云,可以使用uni.uploadFile()方法,具体步骤如下:
1. 在uniCloud控制台中创建一个名为"aliyun-oss"的存储空间,并获取AccessKeyId、AccessKeySecret、Endpoint和Bucket等信息。
2. 在uniapp项目中安装ali-oss插件,可以使用npm install ali-oss命令进行安装。
3. 在uniapp项目中引入ali-oss插件,并在需要上传图片的页面中编写上传代码,示例代码如下:
```
import oss from 'ali-oss';
// 创建OSS实例
const client = new oss({
accessKeyId: 'yourAccessKeyId',
accessKeySecret: 'yourAccessKeySecret',
endpoint: 'yourEndpoint',
bucket: 'yourBucket'
});
// 选择图片并上传
uni.chooseImage({
count: 1,
success: function (res) {
const filePath = res.tempFilePaths[0];
const fileName = new Date().getTime() + '.png';
client.put(fileName, filePath).then(function (result) {
console.log(result);
// 上传成功后的处理逻辑
}).catch(function (err) {
console.log(err);
// 上传失败后的处理逻辑
});
}
});
```
阅读全文