reactnative使用七牛云上传图片

最新推荐文章于 2024-06-11 09:42:45 发布

代码就是bug

最新推荐文章于 2024-06-11 09:42:45 发布

阅读量643

点赞数

文章标签： react native react.js javascript

本文链接：https://blog.csdn.net/XKFC1/article/details/133854473

版权

安装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='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}`;
};