reactnative使用七牛云上传图片

编程入门行业动态更新时间:2024-10-24 04:31:48

reactnative使用七牛云<a href=https://www.elefans.com/category/jswz/34/1770945.html style= 上传图片"/>

reactnative使用七牛云上传图片

安装react-native-qiniu

npm install react-native-qiniu --save

上传文件

import Qiniu,{Auth,ImgOps,Conf,Rs,Rpc} from 'react-native-qiniu';// 初始化七牛云配置
// Qiniu.region.z0：华东地区（默认值）。
// Qiniu.region.z1：华北地区。
// Qiniu.region.z2：华南地区。
// Qiniu.region.na0：北美地区。
// Qiniu.region.as0：新加坡地区。
// 上传图片的方法export const uploadImage = (localFilePath, key) => {Conf.ACCESS_KEY = 'ak';Conf.SECRET_KEY = 'sk';Conf.UP_HOST='' // 上传地址return new Promise((resolve, reject) => {const putPolicy = new Auth.PutPolicy2({scope: `bucket`});const uptoken = putPolicy.token();Rpc.uploadFile(localFilePath,  uptoken,{key:key},(e,xhr)=>{// console.log(e,xhr)})});
};// 获取图片访问 URL 的方法
export const getImageUrl = (key) => {const baseUrl = ''; // 七牛云存储空间的域名return `${baseUrl}/${key}`;
};