uni-app + uView(AvatarCropper 头像裁剪) 发布 H5 遇到的坑

2 篇文章 0 订阅
1 篇文章 0 订阅

接到一个包含《头像裁剪》的功能需求,且需要从公众号跳转到该页面来,由于我最近一直在做微信小程序开发,于是很自然地采用了微信小程序的开发模式。

后端指定图片的格式为base64,于是我又很自然的使用了wx.getFileSystemManager().readFileSync()API来将图片格式转为base64格式。

wx.getFileSystemManager().readFileSync(path, "base64")

参数说明:path为图片路径,“base64”为编码方式。

起初在微信小程序运行时一切正常。
但需求方觉得只为了一个页面而发布一个小程序不太合适,于是提出将其发布为H5。
于是后来再进行图像裁剪的时候,控制台抛出了以下错误:

API `getFileSystemManager` is not yet implemented

后来查阅资料,才发现H5是不支持该方法的!!!
而正当我在思考应该如何将图片转成base64的时候,在uView的官方文档发现了这样一段有趣的文字:在这里插入图片描述
即在H5端使用AvatarCropper头像裁剪,得到的图片格式默认就为base64,真是柳暗花明!

最后还有一个未解决的小问题:即在H5端发布后,经过AvatarCropper组件剪裁后的图片方向是不对的,如下:

选择图片

裁剪后
希望有了解原因的大佬指点一二。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值