前端WebView传递图像到原生

背景:

前端页面需要将页面展示内容进行截屏,然后调用原生的分享功能进行分享。

解决方案

前端调用相关api对页面内容进行绘制截取,将截图的内容进行base64编码后,再通javascripteinterface传递给客户端,客户端将webview传递过来的字符串解码成Bitmap

疑难点

1、base64字符串从前端传过来时,带了base64的标识符,一般为"base64/png",注意客户端在解码时,一定要把这段标识字符串删除掉,然后再解码,否则会解码失败;
2、iOS解码时,除了第一个注意点外,还要要注意字符串长度一定要为4的倍数,否则也将解码失败。
代码如下

extension String {
    var fixedBase64Format: Self {
        let offset = count % 4
        guard offset != 0 else { return self }
        return padding(toLength: count + 4 - offset, withPad: "=", startingAt: 0)
    }
    
    func base64StrToImage() -> UIImage? {
        var finalStr = self
        let commaIndex = self.range(of: ",")

        if commaIndex != nil {
            finalStr = String(self[commaIndex!.upperBound...])
        }
        finalStr = finalStr.fixedBase64Format
        if let imageData = Data(base64Encoded: finalStr, options: .ignoreUnknownCharacters) {
            let image = UIImage(data: imageData)
            return image
        }
        return nil
    }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值