用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 实战教程 查看内容

微信小程序之请求二维码(用户点击按钮生成带参二维码)

天下雪 2017-3-17 00:14

目标: 请求二维码并展示 步骤: 用户点击按钮生成二维码 步骤: 1、微信小程序往后台请求二维码 2、后台(java/php) 根据微信小程序信息往微信端请求tonken 3、后台得到tonken后往微信端请求二维码图片 4、后台得 ...

目标: 
请求二维码并展示 
步骤: 
用户点击按钮生成二维码 
步骤: 
1、微信小程序往后台请求二维码 
2、后台(java/php) 根据微信小程序信息往微信端请求tonken 
3、后台得到tonken后往微信端请求二维码图片 
4、后台得到图片后保存在服务器上,将路径返回给微信小程序 
5、微信小程序得到路径后,根据路径下载图片 
6、下载图片成功后再保存至本地 
7、保存成功后将路径给予image标签里面展示

代码: 
wxml

  1. <image class="scanimg" src="{{filePath}}" bindtap="getAgain"></image>
  2. <button type="primary" bindtap="primary">点击生成二维码</button>

js代码

  1. primary:function (e) {
  2. var _url = '后台地址';
  3. wx.request({
  4. url: _url,
  5. //请求报文体
  6. data: [{
  7. id: agentCode
  8. }],
  9. method: 'POST',
  10. header: {
  11. 'content-type': 'application/json'
  12. },
  13. success: function (res) {
  14. //为00时表示成功,得到二维码的地址
  15. if (res.data.code == '00') {
  16. console.log("成功")
  17. //下载二维码
  18. wx.downloadFile({
  19. url: res.data.body[0].URL,
  20. success: function (res) {
  21. //如果二维码中的id为固定值可以将图片保存到本地,否则不用保存
  22. wx.saveFile({
  23. tempFilePath: res.tempFilePath,
  24. success: function (res) {
  25. console.log("保存成功")
  26. _that.setData
鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏
原作者: ETL

相关阅读

  • 天下雪 2017-3-16 15:10
    这么6,还加了一段QQ群的宣传,十分感谢;

    说句实在话,这篇文章十分实用,绝对未来会帮助到无数人;

    是一个在小程序中会不断被人使用的内容:点击生成带参二维码;

    这个功能,我已经在很多小程序内看到了,比如简历类小程序,投票类小程序,名片类小程序;
  • ETL 2017-3-16 15:12
    天下雪 发表于 2017-3-16 15:10
    这么6,还加了一段QQ群的宣传,十分感谢;

    说句实在话,这篇文章十分实用,绝对未来会帮助到无数 ...

    感觉你很闲啊 = = 时不时就来赶场子
  • 天下雪 2017-3-16 15:15
    ETL 发表于 2017-3-16 15:12
    感觉你很闲啊 = = 时不时就来赶场子

    这个文章,我要四处宣传一下      
    一是确实有用,而是以后让别人可以真正的找到这篇文章,我们网站还是不容易找到的
  • ETL 2017-3-16 15:46
    天下雪 发表于 2017-3-16 15:15
    这个文章,我要四处宣传一下      
    一是确实有用,而是以后让别人可以真正的找到这篇文章,我们 ...

    的确....
  • 天下雪 2017-3-24 18:38
    立功一次:
    文章被人转载了:http://blog.csdn.net/wuxians/article/details/64913590

推荐阅读

    最新Demo