问题背景:
某个H5页面中需要打开手机本地相册及照相机,用户选择某几张图片之后上传至服务器上。纯H5完成的话,当打开相机或者相册时,第一次会正常询问权限,但是如果用户点击了不允许之后,询问弹窗不再能弹出,H5处理不了。
当然简单粗暴地方式就是改为纯原生来写,不过我们的页面已用了很久,只是新增了一个上传的功能,所以还是延续当前页面,只不过改为原生和H5交互的方式,即e页面仍是H5页面,打开相册相机的弹窗改为由原生代码处理,最后将用户选择到的图片传给H5,由H5将数据传给服务端。
中间的交互不再赘述,网上到处都是,只是最后将拿到的数据传给H5这一步有一个小小的坑需注意;
第一步,将图片转化成字符串:
//当我们拿到图片之后,会将图片image转化成字符串
NSString *imageStr = [self encodeImageToBase64:image];
//将上述合法的字符串传给H5
[self p_toJSPramaWithImageBase64Str:imageStr];
此处,压缩转化中,base64EncodedStringWithOptions的options必须传NSDataBase64EncodingEndLineWithCarriageReturn,否则会失败!!!
// 将image转成5兆以内的二进制流,然后转化成base64的字符串
// #define ImageMaxLength 1024.0*1024.0*5 //5M
- (NSString *)encodeImageTo