uniapp使用华为云OBS进行上传

前言:无论是使用华为云还是阿里云,使用其产品的时候必须阅读文档

1、以华为云为例,刚接触此功能肯定是无从下手的情况,那么我们需要思考,我们使用该产品所用到的文档是什么

2、我们要使用obs 文件上传,肯定是通过其api 而不是sdk 进行开发,所以我们要先找到obs文档内的使用api 所在页面

3、直接定位到文档,根据需求进行开发

4、我们还可以查询是否有以往例子作为参考,但绝对要以文档为主
5、如果有解决不了的问题,创建工单进行处理,不要死磕!
6、注意:参考的例子只能做参考 !!!

功能需求背景:在采煤过程中,井下作业没有网络,进而使用局域网,无法将文件上传到数据库,所以采用,uniapp 写了一个app 来处理上传的功能

1、有需要由后端人员创建obs 桶, 对象存储服务:同列表 ,找到需要存储的桶数据

2、需要从后端人员处要到如下参数:

需要通过这两个参数进行编译出 :policy 和 signature 参数

配合 :uniapp 上传api 进行上传!!

传值代码块如下

bash 复制代码
let config = {
   url: OBSConfig.host, // 访问桶的域名
   filePath, // 文件地址(绝对路径)
   name: 'file',
   formData: {
	ObsAccessKeyId:OBSConfig.accessid,
	policy: OBSConfig.policyBase64,
	signature: OBSConfig.signature,
	success_action_status: '200',
	key, // 上传文件名字
   },
   success(res) {
     if (res.statusCode === 200) {
       resolve(key)
     } else {
       reject(res)
     }
   },
   fail(err) {
     reject(err)
   }
 }
 uni.uploadFile(config)  // 使用 uniapp 上传 

由此我们可以看到 ,uni 上传文件的 成功 和 失败回调,进行其他处理

注意我们使用:policy 编译健全内容的时候:conditions 数组里面的值,要与formdata 里面的值保持一致,不然会报错,!!!!注意,不写status的时候, 300 一下都是成功, 我当时 是 204 ,以为是报错信息, 一直debugger ,最后发现是成功

缺点:

1、uni 无法回调给出错误码,只有状态码码,不能明确的定位报错信息

2、华为云OBS对于传值的,key 不能确定,可能还是文档阅读问题,文档没有明确的信息

3、开发为app,使用的模拟器,无法从控制台定位信息(还是因为uni的上传回调问题)

ps: 如果能给错误码,我们可以查看 :https://support.huaweicloud.com/api-obs/obs_04_0115.html 对应的错误码值进行修改

不能看到解决,问题就是: 创建工单咨询 人工。。。

bash 复制代码
代码参考:https://juejin.cn/post/7109335204396810277?searchId=20240305134317BF152ADF70BD4A725457
相关推荐
性野喜悲1 小时前
uniapp返回上一页接口数据更新了,页面未更新
uni-app
冰镇生鲜3 小时前
小程序·安全·胶囊·容器组件
前端·vue.js·uni-app
盛夏绽放3 小时前
uni-app云开发总结
uni-app·云开发
halo14164 小时前
uni-app 小程序中的定位问题 以及 页面安全距离
小程序·uni-app
资深前端之路4 小时前
iphonex uniapp textarea标签兼容性处理过程梳理
uni-app
Hy行者勇哥6 小时前
HTTP, AMQP, MQTT之间的区别和联系是什么?华为云如何适配?
网络·网络协议·http·华为云
为了孩子他娘而奋斗20 小时前
基于华为云 ModelArts 的在线服务应用开发(Requests 模块)
华为云
xx240620 小时前
UniApp学习笔记
uni-app
阿川201521 小时前
云智融合普惠大模型AI,政务服务重构数智化路径
人工智能·华为云·政务·deepseek
七七小报1 天前
uniapp-商城-36-shop 购物车 选好了 进行订单确认2 支付方式颜色变化和颜色滤镜filter
uni-app