H5项目用到微信JS-SDK拍照预览上传功能。

按 官方文档 思路实现，调用 wx.chooseImage()

测试阶段得到反馈安卓功能正常，iOS选择或拍照后不能显示预览图
解决办法也在同一份文档下，针对iOS机型额外做 wx.getLocalImgData() 即可以解决，并不难。

网上查资料绕了一下弯路，发现网络流传的资料不少有误。备忘一下，以防下次再次遇到。

- 阅读剩余部分 -

项目中有个功能需求，对部分图像的浏览做鉴权。未授权前能粗略分辨照片但又要保证原图不被下载保护私隐。虽然一行CSS也可能做到模糊效果，但这种处理手法手略懂前端知识的人可以轻易绕过。所以比较慎重的做法还是后端先对图像预先处理。

把需求进一步简单推理概括的话，就是给图像加上马赛克或做模糊处理。脑子里有个2个比较相似方案。

方案1. 对图像加工(缩小)成仅满足前端显示需要的尺寸，对全图加马赛克处理；
方案2. 对图像加工成更小(大约60x60)的小缩略图，在前端做拉伸覆盖显示，像素在浏览器端拉扯成马赛克（我还真是个逻辑鬼才）

原图（blog做了resize）：

方案一加马赛克：

方案二缩小成图标大小再拉伸平铺

构思初步成型，顺便也来比较一下两种做法的处理效率。

- 阅读剩余部分 -