微信公众号开发《四》使用微信JS-SDK实现手机图片上传，支持压缩、预览。并下载图片到自身服务器

在这粘贴上三篇博文链接，方便大家查阅互相学习：

微信公众号开发《一》OAuth2.0网页授权认证获取用户的详细信息，实现自动登陆

微信公众号开发《二》发送模板消息实现消息业务实时通知
微信公众号开发《三》微信JS-SDK之地理位置的获取，集成百度地图实现在线地图搜索

本次讲解微信开发第四篇：调用微信JS-SDK实现上传手机图片到服务器，是非常常见的功能。如我们看到的用户上传头像

下面是本次要实现的效果图，支持预览，压缩上传（自带，可参数控制）

 

1.准备工作：工欲善其事，必先利其器，来看看开发该功能需要准备或了解什么

 

1. web开发工具：官方提供的开发工具，使用自己的微信号来调试微信网页授权、调试、检验页面的 JS-SDK 相关功能与权限，模拟大部分 SDK 的输入和输出。下载地址：web开发工具下载
2. 开发文档：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115
3. 登录微信测试公众号，获取公众号的appID、appsecret，登录地址：http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 

一切就绪，我们知道要使用微信提供的JS-SDK，那就需要调通相关接口权限。关于任何调通，这里就不再次详细说明，不明白者可查看开头介绍