微信公众平台上传和预览图片

1、在index.html中引入js文件：http://res.wx.qq.com/open/js/jweixin-1.6.0.js
2、通过config接口注入权限验证配置，进行微信认证：

wx.config({
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: '', // 必填，企业号的唯一标识，此处填写企业号corpid
    timestamp: , // 必填，生成签名的时间戳
    nonceStr: '', // 必填，生成签名的随机串
    signature: '',// 必填，签名
    jsApiList: [] // 必填，需要使用的JS接口列表
});

3、微信认证成功后，可以调用微信的api接口，有个api是：

wx.chooseImage({
    count: 1, // 默认9
    sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
    sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
    success: function (res) {
        var lolcalIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
    }
});

得到的lolcalIds可以作用于src用于显示图片，但是id不好操作，可以使用wx.getLocalImgData将lolcalIds转换成base64格式显示图片、传给后端生成url，以及预览图片

预览图片：
wx.previewImage({
    current: '', // 当前显示图片的http链接
    urls: [] // 需要预览的图片http链接列表
});

在转成base64时有个地方需要注意：苹果端会自动生成类似“data:image/jpeg;base64,”的头部，安卓端则不会，如果需要可以自己拼接。

参考资料：
api文档