分享

    1. <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    2. <script>
    3. // 使用 jq 动态加载 微信配置
    4. $.ajax({
    5. url: '/getsignature' // 此处url请求地址需要替换成你自己实际项目中服务器数字签名服务地址
    6. ,
    7. type: 'post',
    8. data: {
    9. url: location.href.split('#')[0] // 将当前URL地址上传至服务器用于产生数字签名
    10. }
    11. }).done(function(r) {
    12. // 返回了数字签名对象
    13. console.log(r);
    14. console.log(r.appid);
    15. console.log(r.timestamp);
    16. console.log(r.nonceStr);
    17. console.log(r.signature);
    18. // 开始配置微信JS-SDK
    19. debug: true,
    20. appId: r.appId,
    21. nonceStr: r.nonceStr,
    22. signature: r.signature,
    23. jsApiList: [
    24. 'checkJsApi',
    25. 'onMenuShareTimeline',
    26. 'onMenuShareAppMessage',
    27. 'onMenuShareQQ',
    28. 'onMenuShareWeibo',
    29. 'hideMenuItems',
    30. 'chooseImage'
    31. ]
    32. });
    33. // 调用微信API
    34. wx.ready(function() {
    35. var sdata = {
    36. title: '那年|测试微信分享及相关API',
    37. desc: '那年|测试微信分享及相关API',
    38. link: 'http://game.4gshu.com/deep-love/index2.html',
    39. imgUrl: 'http://game.4gshu.com/xuangedan/other-project/2015-01-06/img/share-wx-logo.jpg',
    40. success: function() {
    41. cancel: function() {
    42. alert('用户取消分享后执行的回调函数');
    43. }
    44. };
    45. wx.onMenuShareTimeline(sdata);
    46. wx.onMenuShareAppMessage(sdata);
    47. // 添加图片
    48. $('#addPic').on('click', function() {
    49. wx.chooseImage({
    50. success: function(res) {
    51. var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
    52. // var imgs = localIds.split(',');
    53. localIds.forEach(function(v, i) {
    54. alert(v);
    55. $('#picList').append('<li><img src="' + v + '" alt="" width="50"></li>');
    56. });
    57. }
    58. });
    59. });
    60. });
    61. });