reactnative使用七牛云上传图片

代码就是bug2023-10-16 14:47

安装react-native-qiniu

npm install react-native-qiniu --save

上传文件

js 复制代码

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='http://upload-z2.qiniu.com' // 上传地址
    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 = 'https://your-bucket-domain.com'; // 七牛云存储空间的域名
    return `${baseUrl}/${key}`;
};

配置上传地址

Conf.UP_HOST 是文件上传地址；

qiniu.region.z0: 代表华东区域

qiniu.region.z1: 代表华北区域

qiniu.region.z2: 代表华南区域

qiniu.region.na0: 代表北美区域

qiniu.region.as0: 代表新加坡区域

默认上传地址是华东区域的Conf.UP_HOST=http://upload.qiniu.com

我的是华南区域。配置为Conf.UP_HOST='http://upload-z2.qiniu.com'