
1、注册七牛云账号并登录。
2、在七牛云控制台中创建一个存储空间(Bucket)。
3、将小程序中需要使用的文件上传到该存储空间中,可以使用七牛云提供的SDK或者API进行上传。
4、在七牛云控制台中获取存储空间的外链域名。
5、在小程序的代码中配置七牛域名,可以在小程序管理后台的开发设置中进行配置,或者在代码中使用wxsetStorageSync方法进行配置。
6、在小程序中使用七牛云的存储服务,可以通过访问七牛云的外链地址来实现。
文件能传成功,无法获取执行回调。
上传文件过程报错cannotreadpropertytotalofnull文件能传成功,无法获取执行回调,是由于vue-cli中的mockjs模块全局使用了MockXML>
去年年底闲来无事,在猪八戒网上闲逛,看能否赚点零花钱。哈~。
看到一需求:相册读取大视频文件(上G),文件流读取,分片上传,禁止占用本地磁盘。
最初想到读取视频文件用 UIImagePickerController,文件流上传采用NSInputStream和 NSOutputStream去解决。网上查找也有不少对应的资料和demo。后来与老板沟通后,要求是上传到七牛类似的云端,文件流上传也不符合分片上传的要求。最重要的一点视频文件很大,直接读取到App就会崩溃。
另外一种读取相册的方式是ALAsset,iOS 8以后苹果推荐使用PhotoKit。而且最让人激动的是,通过 PhotoKit可以获取到视频文件的路径。七牛云提供的分片上传接口中,参数必须是路径。哈~~接下来就是做个demo去验证啦。
获取所有相册资源,并按照创建时间排序。
获取所有视频集合。
获取视频文件路径。
集成七牛云存储第三方,基本实现需求。
我在测试时,PhotoKit获取视频文件的方式是不可视的,很难选择自己想要上传的文件。而UIImagePickerController可以选择对应的视频。想要做一个类似相册的VideoPicker,就要获取视频的第一帧,并把它显示出来。
在加上视频时间,就像个VideoPicker的样子啦。
这种VideoPicker的方式与系统相册的方式对比。ThumbVideoPicker占用内存小。我用一个20M左右的视频文件测试。结果如下:
在打开到对应视频缩略图页面时,系统内存达到第一个峰值,约16M左右。而本文所用ThumbVideoPicker只有13M左右。另外系统在选择对应视频后有一个压缩的过程,也会占用不少内存。在视频文件很大时,这种优势更为明显。
如果是仅为获取视频文件路径上传,或者大文件视频上传(无压缩),采用PhotoKit的方式也是一个较好的选择。
本文参考demo
附:
NSInputStream 相册上传资料
PhotoKit学习资料
Example app using Photos framework
vue 一般采用element 的upload 上传/文件。
首先,设定参数
参考Element upload 文档
其次,如图所示,重点在于domain和qiniuaddr两个参数! 参考 七牛云存储域名文档
然后 上传一定要先获取到七牛云token!我是采用axios post获取。
接着,把返回的 filename赋值给 key
thisQiNiuYunkey = `name_${filename}`;
如图 上传成功/错误处理 函数
大功告成!
补充:
1 thisuploadImageUrl 这个变量实际上是 真正的URL----->
业务需求,产品希望通过后台接口上传视频后,能立即获取视频切片的地址。然后将地址插入到相关业务的表中。
但是七牛的视频处理(切片、转码等)是异步执行,那么如何才能直接获取到经过七牛视频处理后的资源地址呢?
在做七牛普通上传的 token 时,我们可以提前设定上传后的文件名(key)。当前端向后端获取token时,一并将资源地址和token返回前端。前端利用 token 进行文件直传到CDN,上传成功后,将已获得的资源地址进行相关业务处理(资源地址上报等)。
那么,可以不可以将类似的思路,复用到带数据处理的token生成中。
我们在生成token的时,将两种文件名(源资源文件名和经处理的资源名)信息保存到token中。前端在获取token时,提前获取到文件访问地址。
但是有一个问题,音视频处理是一个很耗时的 *** 作,不像文件直传CDN进行保存,可以立即得到反馈。那么,如何确定视频处理成功呢?可以通过直传返回的 persistentId ,定期轮询「持久化处理状态查询接口」。来判断是否处理完毕。
以上就是关于小程序怎么配置七牛域名全部的内容,包括:小程序怎么配置七牛域名、七牛云上传报null、App上传大视频的一种解决方案等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)