当前位置: 首页 > news >正文

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='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'

http://www.lryc.cn/news/199498.html

相关文章:

  • 在JavaScript中,如何创建一个数组或对象?
  • 001.第一个C语言项目
  • luffy项目后端轮播图接口
  • 如何通过Photoshop将视频转换成GIF图片
  • 书单|1024程序员狂欢节充能书单!
  • GRS认证与TC交易证明的区别
  • 高精度时间测量(TDC)电路MS1022
  • js关键字
  • 《算法通关村第二关——指定区间反转问题解析》
  • 掌控安全Update.jsp SQL注入
  • C#将图片转换为ICON格式(程序运行图标)
  • ELK架构Logstash的相关插件:grok、multiline、mutate、date的详细介绍
  • linux 防火墙介绍以及iptables的使用
  • 原码、反码、补码在汇编中的应用
  • 【红日靶场】vulnstack5-完整渗透过程
  • 嵌入式平台的电源总结
  • @Binds methods must be abstract 报错指南
  • 自定义反序列化类将LocalDate时间格式转为 LocalDateTime
  • MySQL JSON_TABLE() 函数
  • 【MATLAB第80期】基于MATLAB的结构核岭回归SKRR多输入单输出回归预测及分类预测模型
  • Qt消息对话框的使用
  • spring的Ioc、DI以及Bean的理解
  • 倒计时 天时分秒
  • Spring篇---第六篇
  • 【unity小技巧】适用于任何 2d 游戏的钥匙门系统和buff系统——UnityEvent的使用
  • 爬虫ip如何加入到代码里实现自动化数据抓取
  • 在win10上安装配置Hadoop的环境变量
  • MAX插件CG Magic怎么云渲染?操作方法已整起!
  • 尝试使用jmeter-maven-plugin
  • navigator.userAgent.toLowerCase区分设备,浏览器