微信小程序如何上传音视频到百度云Bos cloud BCE

在做了一系列调查之后，目前为止暂未发现有相关的文章，在此简单记录一下解决此问题的步骤，造福来人。

本人的解决方案参考了百度云BOS官方文档，地址如下：

https://cloud.baidu.com/doc/BOS/API.html#Object.E7.9B.B8.E5.85.B3.E6.8E.A5.E5.8F.A3

使用wx.uploadFile接口上传。

其中，需要特别关注的是：

百度云通过Post方式上传Object，要求必须存在Policy，且Policy编码格式为UTF-8.Policy的格式如下：

var policy = '{"expiration":"2018-05-01T12:00:00Z","conditions":[{"bucket":"你的bucket名称"},{"key":"文件保存在BOS中的文件名"}]}'

var base64 = base64.encode(policy)

通过在小程序中引入Base64.js，可以轻松的将Policy转为Base64编码。接下来需要将这个Base64编码通过HmacSHA256加密。

signature = CryptoJS.HmacSHA256("之前的base64编码字符串", "百度云的SK").toString(CryptoJS.enc.Hex)

此时已经得到了百度云上传需要的签名。

接下来通过调用微信小程序提供的API wx.uploadFile就可以了，代码如下：

wx.uploadFile({url: 'https://zhiyu.bj.bcebos.com',filePath: '拍照。或者通过chooseImage,chooseVideo返回的完整路径',name: 'file', // 注意：这个name一定不要更改，一定不要更改，一定不要更改formData:{accessKey:'百度云提供的ak',policy:'上面提到的base64字符串',signature:'上面提到的signature签名',key: '文件保存在BOS中的文件名',    // 注意：这个key必须与policy中的key保持一致，否则会报错'Content-Type':'image/png' // 可以不指定，BOS会自动判断},success:function(res){var data = res.dataconsole.log(res);},fail:function(res){console.log(res)}
})

如此流程便可以轻松的将拍照和选择的小视频从微信小程序端直接上传到百度云了。

详细的代码请下载附件查看，附件中包含了拍照，录小视频，以及拍照上传到百度云的代码。

附件：微信小程序如何上传音视频到百度云Bos cloud BCE

微信小程序如何上传音视频到百度云Bos cloud BCE相关推荐

微信小程序实现上传视频功能（后端代码是java）
微信小程序实现上传视频功能(后端代码是java) 1.前端 wxml文件 <image bindtap="uploadVideo" length="3" ...
微信小程序直接上传文件到阿里云OSS组件封装
微信小程序直接上传文件到OSS 1. 封装公共方法在根目录utils目录新建一个upload文件夹: // utils/upload/base64.jsvar base64EncodeChars = ...
微信小程序实现上传视频 / 上传图片功能以及整合上传视频 / 上传图片功能(超详细)
微信小程序有自己封装好的我们直接拿过来用就可以了接下来我们看看如何实现的吧上传图片功能效果如下: 单图上传 Page({/*** 页面的初始数据*/data: {imgList: "& ...
【微信小程序】上传文件到阿里云OSS
小程序上传文件到OSS也是利用OSS提供的PostObject接口来实现表单文件上传到OSS 步骤1:配置Bucket跨域访问客户端进行表单直传到OSS时,会从浏览器向OSS发送带有Origin的请 ...
微信小程序同时上传视频和图片（支持多选）
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言二.使用步骤 1.小程序页面代码 2.小程序JS内代码总结前言随着小程序的的不断发展,小程序技术也越来越广泛了, ...
微信小程序实现上传视频功能
首先我们先来编写一个上传视频的函数 _skipArtileList:throttle(function(e){let that=this wx.chooseMedia({count: 1, //上传 ...
ios微信本地视频上传到服务器,小程序 ios上传视频的问题
微信小程序做了个视频上传的功能,上传视频到七牛云安卓没有任何问题 ios就有问题了 ios下如果从相册选择视频上传之后提示上传成功了,但是跳转不了页面,但是如果直接拍摄的视频上传之后可以正常跳转页面 ...
微信小程序点播插件_微信小程序 wxParse插件显示视频问题
修改wxParse/html2json.js 文件 ,在 html2json(html, bindName)方法里 var node = { node: 'element', tag: tag, }; ...
微信小程序快速开发：视频指导版
<微信小程序快速开发:视频指导版>是2017年5月由人民邮电出版社出版的图书,作者是易伟.本书根据微信小程序的内容,全面系统地介绍了微信小程序的搭建和开发.本书主要内容有小程序注册.编程基 ...

微信小程序如何上传音视频到百度云Bos cloud BCE

微信小程序如何上传音视频到百度云Bos cloud BCE相关推荐

最新文章

热门文章

微信小程序 如何上传音视频到百度云Bos cloud BCE

微信小程序 如何上传音视频到百度云Bos cloud BCE相关推荐

最新文章

热门文章

微信小程序如何上传音视频到百度云Bos cloud BCE

微信小程序如何上传音视频到百度云Bos cloud BCE相关推荐