微信公众号开发中，常常需要上传图片来满足用户需求。微信提供了JSSDK（JavaScript SDK），它为开发者提供了一系列的API接口，可以在网页端调用微信的功能，包括拍照、选择照片等。本文将介绍如何使用JSSDK上传图片，并且附上详细的代码示例。
获取JSSDK
首先需要获取微信的JSSDK资源，可以通过以下方式：
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
初始化JSSDK
在使用JSSDK之前，需要对其进行初始化，通过wx.config()方法来设置所需的参数，如下所示：
wx.config({ debug: true, appId: '', // 公众号的唯一标识 timestamp: , // 生成签名的时间戳 nonceStr: '', // 生成签名的随机串 signature: '',// 签名 jsApiList: [] // 需要使用的JS接口列表，例如上传图片、选择照片等 });
其中，debug表示是否开启调试模式，appId为公众号的唯一标识，timestamp和nonceStr用于生成签名，signature为生成的签名，jsApiList表示需要使用的JS接口列表。
选择照片并上传
通过wx.chooseImage()方法，可以让用户选择照片，并且上传到服务器。该方法需要传递一个对象参数，如下所示：
-- -------------------- ---- ------- ---------------- ------ -- -- ---------------- --------- ------------ -------------- -- ------------------- ----------- --------- ---------- -- -------------------- -------- -------- ----- - --- -------- - ------------- -- ---------------------------------------- ---------------- -------- ------------ -- ----------------------------- ------------------- -- -- --------------------- -------- -------- ----- - --- -------- - ------------- -- ----------- -- ----------------------- - --- - ---展开代码
以上代码中，count表示一次可以选择的图片数量，默认为9张；sizeType表示可以选择的照片类型，包括原图和压缩图，默认同时支持；sourceType表示可以选择照片的来源，包括相册和相机，默认同时支持。
在选择完照片之后，调用wx.uploadImage()方法来上传照片，其中localId为需要上传的照片本地ID，由wx.chooseImage()方法获得。成功上传后，返回图片的服务器端ID，可以在此处进行展示等操作。
示例代码
下面是一个完整的JSSDK上传图片的示例代码：
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- -------------------------- ------- ------ ---- --------------- ---- ---------- ------ ----------- ------------ -- ------ ------- -------------------------------------------------------------- -------- ----------- ------ ----- ------ --- -- -------- ---------- - -- -------- --------- --- -- -------- --------- - ---------------------------------------------------------- -------- --------------------------------------------------------------------------------展开代码
