微信服务号调用扫一扫接口和拍照上传接口

一.引入js

 <script type="text/javascript" src="${path}/wechat/js/jweixin-1.2.0.js"></script>

二.java后端发送授权参数

//1、时间戳和随机字符串
String noncestr = UUID.randomUUID().toString().replace("-", "").substring(0, 16);//随机字符串
String timestamp = String.valueOf(System.currentTimeMillis() / 1000);//时间戳
//2、获取url
String rurl = request.getRequestURL().toString();
if (StringUtils.isNotEmpty(request.getQueryString()))rurl += "?" + request.getQueryString();
//3、获取jsapiTicket
String jsapiTicket = super.getJsapiTicket();
//4、将参数排序并拼接字符串
String str = "jsapi_ticket="+jsapiTicket+"&noncestr="+noncestr+"&timestamp="+timestamp+"&url="+rurl;
//5、将字符串进行sha1加密
String signature =super.SHA1(str);
mav.addObject("signature", signature);
mav.addObject("nonceStr", noncestr);
mav.addObject("timestamp", timestamp);
mav.addObject("appId",getCorpId());

三.配置需要用到的功能

$(function(){doConfig();//配置功能
});
function doConfig(){var timestamp = $("#timestamp").val();//时间戳var nonceStr = $("#nonceStr").val();//随机串var signature = $("#signature").val();//签名var appId = $("#appId").val();//公众号的唯一标识wx.config({debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId: appId+'', // 必填，公众号的唯一标识timestamp: timestamp, // 必填，生成签名的时间戳nonceStr: nonceStr+'', // 必填，生成签名的随机串signature: signature+'',// 必填，签名，见附录1jsApiList: [  //扫码权限'scanQRCode' ,//拍照权限'chooseImage', //预览图片权限'previewImage',  //上传图片权限'uploadImage',  //下载图片权限'downloadImage'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2});wx.error(function(res){configSuccess = false;// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。});// 执行了doConfi之后执行的回调函数，进行定位wx.ready(function(){configSuccess = true;// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。});}

三.在需要用到的地方调用

    function takeScanQRCode(){wx.scanQRCode({needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有success: function (res) {var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果var qrcode=result.split(",");$("#barCode").val(qrcode[1]);}});}function upload(id,obj){wx.uploadImage({localId: id, // 需要上传的图片的本地ID，由chooseImage接口获得isShowProgressTips: 0, // 默认为1，显示进度提示success: function (res) {var serverId = res.serverId; // 返回图片的服务器端IDsaveToFtp(obj,serverId);}});}function previewImage(){//微信预览var imgsurl=[];var nowurl='';  var imgObj=$("#photo img");for(var i=0;i<imgObj.length;i++){if(imgObj[i].name=='2'){imgsurl[i]=imgObj[i].src;  }else{imgsurl[i]=imgObj[i].name;  }imgObj[i].onclick=function(){  if(this.name=='2'){nowurl=this.src;}else{nowurl=this.name;}wx.previewImage({  current: nowurl,  urls: imgsurl  });               }  }       }

微信服务号调用扫一扫接口和拍照上传接口相关推荐

微信服务号自定义菜单添加扫码功能
本文主要介绍微信服务号自定义菜单添加扫码功能的详细步骤.本来百度了一个多小时,愣是没找个一个好用的方法,能够在自定义菜单里添加扫码功能. 这些文章要么就是写的太复杂,要把页面跳转到某https网页,然 ...
oAuth2.0商品发布API接口，店铺上传接口，店铺商品发布接口，超详细的介绍
一.新商品发布接口,商品上下架接口,店铺上传接口,新的接口对接方式文档如下: 第一步:打开开放平台链接:https://open.taobao.com/docV3.htm?spm=a219a.7386 ...
微信服务号申请、认证、认证后申请商家支付接口
商户如何接入微信支付微信公众号申请.认证:01. 账号申请开始------>02.申请账号结束----->7个工作日--->03.开始账号认证----->04.结束账号认证- ...
新商品发布接口，商品上下架接口，店铺上传接口，oAuth2.0商品发布新的接口对接方式
一.开放平台新商品发布接口,商品上下架接口,淘宝店铺上传接口,新的接口对接方式文档如下: 第一步:打开开放平台链接:https://open.taobao.com/docV3.htm?spm=a219 ...
淘宝/天猫开放平台新商品发布API接口，商品发布接口，店铺上传接口，利用淘宝新品发布商品接口进行上传商品至淘宝店铺，接口对接方案
一.淘宝/天猫开放平台新商品发布API接口参数说明: 1.通过注册key和secret得到测试账号,然后给到淘宝应用市场的店铺授权购买,然后再平台上面进行店铺添加审核,审核通过后即可用请求链接上传商品 ...
微信公众号调用手机相册并将图片上传到本地服务器
最近有一个需求,用公众号调用本地相册,并将图片上传到本地服务器(不是微信服务器). 步骤一:引入JS文件在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq ...
【微服务｜openfeign】使用openfeign远程调用文件上传接口
文章目录服务提供者-文件上传接口 FeignClient 消费者-通过FeignClient调用文件上传接口服务提供者-文件上传接口 @PostMapping("/saveFile&qu ...
淘宝店铺商品发布API(新）接口,店铺上传接口代码对接教程
淘宝店铺商品发布API(新)接口,整理好一套淘宝店铺发布接口,店铺上传接口代码对接教程如下: 1.公共参数名称类型必须描述(接口代码教程wx19970108018) key String 是 ...
【若依(ruoyi)】Swagger 上传接口
前言若依(ruoyi): v4.3 swagger 1.5.21 (https://github.com/swagger-api/swagger-core) Swagger 上传接口定义 /*** ...

微信服务号调用扫一扫接口和拍照上传接口

微信服务号调用扫一扫接口和拍照上传接口相关推荐

最新文章

热门文章