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
相关推荐
Mintopia9 小时前
Vue3 项目如何迁移到 uni-app x:从纯 Web 到多端应用的系统指南
uni-app
Mintopia9 小时前
uni-app x 发展前景技术分析:跨端统一的新阶段?
uni-app
不爱说话郭德纲1 天前
告别漫长的HbuilderX云打包排队!uni-app x 安卓本地打包保姆级教程(附白屏、包体积过大排坑指南)
android·前端·uni-app
HashTang2 天前
【AI 编程实战】第 12 篇:从 0 到 1 的回顾 - 项目总结与 AI 协作心得
前端·uni-app·ai编程
JunjunZ3 天前
uniapp 文件预览:从文件流到多格式预览的完整实现
前端·uni-app
郑州光合科技余经理3 天前
代码展示:PHP搭建海外版外卖系统源码解析
java·开发语言·前端·后端·系统架构·uni-app·php
TT_Close3 天前
“啪啪啪”三下键盘,极速拉起你的 uni-app 项目!
vue.js·uni-app·前端工程化
特立独行的猫a3 天前
uni-app x跨平台开发实战:开发鸿蒙HarmonyOS影视票房榜组件完整实现过程
华为·uni-app·harmonyos·轮播图·uniapp-x
00后整顿职场3 天前
Hbuilderx APP真机无法识别iqoo Z9+手机设备解决方案
uni-app·uniapp真机调试·真机运行
前端小雪的博客.4 天前
【保姆级教程】uniAI 插件高效开发 uni-app 微信小程序(附实战案例)
微信小程序·uni-app·ai编程·uniai