微信JS-SDK如何实现选取手机照片上传功能(JS,sdk,微信开发,web开发)

1.配置微信JS-SDK相关文件

1）、JSSDk使用最新的1.2.0版本：https://res.wx.qq.com/open/js/jweixin-1.2.0.js。

　　ios网页开发适配问题：

　　变化：1.2.0以下版本的JSSDK不再支持通过使用chooseImage api返回的localld以如："img src=wxLocalResource://50114659201332”的方式预览图片。

　　适配建议：直接将JSSDK升级为1.2.0最新版本即可帮助页面自动适配，但在部分场景下可能无效，此时可以使用getLocalImgData 接口来直接获取数据。

（后附详解代码）

2）、jsapiSign.js文件：

2.具体实现过程

1）、选取照片

这里使用微信 js-sdk 的 chooseImage 方法，得到照片在本地存储的 id，十分简单：

2）、获取照片数据

根据微信的官方开发文档，得到的 localId 可以直接作为 img 元素的 src 属性进行显示

3）、照片上传

这里使用微信 js-sdk 的 uploadImage 方法

3.iOS WKWebview 网页开发适配

JSAPI相关适配

1）、将不再支持cache

变化：在WKWebview中将暂不支持cache jsapi。

适配建议：所有使用此api的开发者可去掉页面相关逻辑。

2）、页面通过LocalID预览图片

变化：1.2.0以下版本的JSSDK不再支持通过使用chooseImage api返回的localld以如：”img src=wxLocalResource://50114659201332”的方式预览图片。

适配建议：直接将JSSDK升级为1.2.0最新版本即可帮助页面自动适配，但在部分场景下可能无效，此时可以使用getLocalImgData 接口来直接获取数据。

（目前JSSDk线上版本是 1.0.0 和 1.1.0，更新版本为1.2.0 ，https://res.wx.qq.com/open/js/jweixin-1.2.0.js ）

三、有使用JSSDK，并且使用了wx.config进行权限授权需关注jsapi调用的失败问题

变化：WKWebview的内部实现变更使我们对微信内的页面jsapi权限管理做了一定逻辑上的调整，有极小可能会发生以前授权正常的jsapi获取权限不正常，从而导致调用jsapi失败。

适配建议：

1. iOS微信6.5.1，WKWebview在此版本中已知有以下问题：页面使用HTML5的History API pushState; popstate; replaceState等控制页面导航（典型的如单应用页面），同时使用JSSDK的wx.config为jsapi授权，此时大几率会出现jsapi因为无权限而调用失败的问题。 在6.5.1中页面若可能的情况下，可使用Anchor hash技术替换History技术来解决此问题。

2. iOS微信6.5.2及其之后版本，将不会存在以上问题，但不能100%确认有使用到 history或hash技术更改页面导航地址的页面完全没有此类问题，依然需要开发者注意关注此类问题。