一、本节要点

1.获取jsapi_ticket

  1.     //2.获取getJsapiTicket的接口地址,有效期为7200秒
  2.     private static final String GET_JSAPITICKET_URL="https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi"; 
  3.  
  4. /**
  5.      * @desc ：2.获取JsapiTicket
  6.      *
  7.      * @param accessToken  有效凭证
  8.      * @return
  9.      * @throws Exception String
  10.      */
  11.     public static String getJsapiTicket(String accessToken) throws Exception {
  12.         //1.获取请求url
  13.         String url=GET_JSAPITICKET_URL.replace("ACCESS_TOKEN", accessToken);
  14.  
  15.         //2.发起GET请求，获取返回结果
  16.         JSONObject jsonObject=HttpHelper.doGet(url);
  17.         logger.info("jsonObject:"+jsonObject.toJSONString());
  18.  
  19.         //3.解析结果，获取accessToken
  20.         String jsapiTicket="";
  21.         if (null != jsonObject) {
  22.             //4.错误消息处理
  23.             if (jsonObject.getInteger("errcode")!=null && 0 != jsonObject.getInteger("errcode")) {
  24.                 int errCode = jsonObject.getInteger("errcode");
  25.                 String errMsg = jsonObject.getString("errmsg");
  26.                 throw new Exception("error code:"+errCode+", error message:"+errMsg);
  27.                 //5.成功获取jsapiTicket
  28.             }else {
  29.                 jsapiTicket=jsonObject.getString("ticket");
  30.             }
  31.         }  
  32.  
  33.         return jsapiTicket;
  34.     }

2.JS-SDK 使用权限签名算法

  1.     /**
  2.      * @desc ：4.获取前端jsapi需要的配置参数
  3.      *
  4.      * @param request
  5.      * @return String
  6.      */
  7.     public static String getJsapiConfig(HttpServletRequest request){  
  8.  
  9.         //1.准备好参与签名的字段
  10.         //1.1 url
  11.         /*
  12.          *以http://localhost/test.do?a=b&c=d为例
  13.          *request.getRequestURL的结果是http://localhost/test.do
  14.          *request.getQueryString的返回值是a=b&c=d
  15.          */
  16.         String urlString = request.getRequestURL().toString();
  17.         String queryString = request.getQueryString();
  18.         String queryStringEncode = null;
  19.         String url;
  20.         if (queryString != null) {
  21.             queryStringEncode = URLDecoder.decode(queryString);
  22.             url = urlString + "?" + queryStringEncode;
  23.         } else {
  24.             url = urlString;
  25.         }
  26.  
  27.         //1.2 noncestr
  28.         String nonceStr=UUID.randomUUID().toString();      //随机数
  29.         //1.3 timestamp
  30.         long timeStamp = System.currentTimeMillis() / 1000;     //时间戳参数  
  31.  
  32.         String signedUrl = url;
  33.  
  34.         String accessToken = null;
  35.         String ticket = null;
  36.  
  37.         String signature = null;       //签名
  38.  
  39.         try {
  40.             //1.4 jsapi_ticket
  41.             accessToken=getAccessToken(Env.APP_ID, Env.APP_SECRET);
  42.             ticket=getJsapiTicket(accessToken);  
  43.  
  44.             //2.进行签名，获取signature
  45.             signature=getSign(ticket,nonceStr,timeStamp,signedUrl);  
  46.  
  47.         } catch (Exception e) {
  48.             // TODO Auto-generated catch block
  49.             e.printStackTrace();
  50.         }  
  51.  
  52.         logger.info("accessToken:"+accessToken);
  53.         logger.info("ticket:"+ticket);
  54.         logger.info("nonceStr:"+nonceStr);
  55.         logger.info("timeStamp:"+timeStamp);
  56.         logger.info("signedUrl:"+signedUrl);
  57.         logger.info("signature:"+signature);
  58.         logger.info("appId:"+Env.APP_ID);
  59.  
  60.         String configValue = "{signature:'" + signature + "',nonceStr:'" + nonceStr + "',timeStamp:'"
  61.                 + timeStamp + "',appId:'" + Env.APP_ID + "'}";
  62.         logger.info("configValue:"+configValue);
  63.  
  64.         return configValue;
  65.     }  
  66.  
  67.     /**
  68.      * @desc ： 4.1 生成签名的函数
  69.      *
  70.      * @param ticket jsticket
  71.      * @param nonceStr 随机串，自己定义
  72.      * @param timeStamp 生成签名用的时间戳
  73.      * @param url 需要进行免登鉴权的页面地址，也就是执行dd.config的页面地址
  74.      * @return
  75.      * @throws Exception String
  76.      */
  77.  
  78.     public static String getSign(String jsTicket, String nonceStr, Long timeStamp, String url) throws Exception {
  79.         String plainTex = "jsapi_ticket=" + jsTicket + "&noncestr=" + nonceStr + "&timestamp=" + timeStamp + "&url=" + url;
  80.         System.out.println(plainTex);
  81.         try {
  82.             MessageDigest crypt = MessageDigest.getInstance("SHA-1");
  83.             crypt.reset();
  84.             crypt.update(plainTex.getBytes("UTF-8"));
  85.             return byteToHex(crypt.digest());
  86.         } catch (NoSuchAlgorithmException e) {
  87.             throw new Exception(e.getMessage());
  88.         } catch (UnsupportedEncodingException e) {
  89.             throw new Exception(e.getMessage());
  90.         }
  91.     }  
  92.  
  93.     /**
  94.      * @desc ：4.2 将bytes类型的数据转化为16进制类型
  95.      *
  96.      * @param hash
  97.      * @return
  98.      *   String
  99.      */
  100.     private static String byteToHex(byte[] hash) {
  101.         Formatter formatter = new Formatter();
  102.         for (byte b : hash) {
  103.             formatter.format("%02x", new Object[] { Byte.valueOf(b) });
  104.         }
  105.         String result = formatter.toString();
  106.         formatter.close();
  107.         return result;
  108.     }

2.1 签名生成规则

（1）参与签名的字段包括：

noncestr（随机字符串）,

有效的jsapi_ticket,

timestamp（时间戳）,

url（当前网页的URL，不包含#及其后面部分） 。

（2）对所有待签名参数按照字段名的ASCII 码从小到大排序（字典序）后，使用URL键值对的格式 （即 key1=value1&key2=value2…）拼接成字符串string1。这里需要注意的是所有参数名均为小写字符。对string1作sha1加密，字段名和字段值都采用原始值，不进行URL 转义。

（3）对string1进行sha1签名，得到signature：

2.2 签名算法应用实例

（1）待签名参数：

      noncestr=Wm3WZYTPz0wzccnW

      jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qg

      timestamp=1414587457

      url=http://mp.weixin.qq.com

（2）字典序

string1=jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qg&noncestr=Wm3WZYTPz0wzccnW&timestamp=1414587457&url=http://mp.weixin.qq.com

（3）sha1加密

signature=sha1(string1)

3.JS-SDK使用步骤

（1）绑定域名

测试号：

（2）引入JS文件

在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.2.0.js

  1. <script type="text/javascript"  src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

（3）通过config接口注入权限验证配置

  1. //1.jsapi签名校验
  2. wx.config({
  3.     beta: true,// 必须这么写，否则在微信插件有些jsapi会有问题
  4.     debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
  5.     appId: _config.appId, // 必填，公众号的唯一标识
  6.     timestamp: _config.timeStamp, // 必填，生成签名的时间戳
  7.     nonceStr: _config.nonceStr, // 必填，生成签名的随机串
  8.     signature: _config.signature,// 必填，签名，见附录1
  9.     jsApiList: [ 'checkJsApi', 'onMenuShareAppMessage',
  10.         'onMenuShareWechat', 'startRecord', 'stopRecord',
  11.         'onVoiceRecordEnd', 'playVoice', 'pauseVoice', 'stopVoice',
  12.         'uploadVoice', 'downloadVoice', 'chooseImage',
  13.         'previewImage', 'uploadImage', 'downloadImage',
  14.         'getNetworkType', 'openLocation', 'getLocation',
  15.         'hideOptionMenu', 'showOptionMenu', 'hideMenuItems',
  16.         'showMenuItems', 'hideAllNonBaseMenuItem',
  17.         'showAllNonBaseMenuItem', 'closeWindow', 'scanQRCode',
  18.         'previewFile', 'openEnterpriseChat',
  19.         'selectEnterpriseContact','chooseInvoice'
  20.  
  21.         ]// 必填，需要使用的JS接口列表，所有JS接口列表见附录2
  22. });

（4）通过ready接口处理成功验证

（5） 通过error接口处理失败验证

  1. //2.jsapi签名校验失败后执行error
  2. wx.error(function(err){
  3.     alert('wx error: ' + JSON.stringify(err));
  4.     // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
  5. });

4.图片上传

4.1 图片上传的流程

（1）使用 jssdk 上传图片到微信服务器，返回图片对应的mediaId( 即 serverId)

  1.     //2.2 上传图片
  2.     var images = {
  3.             localId : [],
  4.             serverId : []
  5.     };
  6.     $("#uploadImg").click(function(){
  7.         //2.2.1拍照或从手机相册中选图
  8.         wx.chooseImage({
  9.             success : function(res) {
  10.                 images.localId = res.localIds;
  11.                 alert('已选择 ' + res.localIds.length + ' 张图片');
  12.                 //2.2.2 上传图片
  13.                 uploadImg();
  14.             }
  15.         });
  16.     });
  17.  
  18.     // 2.2.2 上传图片
  19.     function uploadImg() {
  20.         if (images.localId.length == 0) {
  21.             alert('请先使用 chooseImage 接口选择图片');
  22.             return;
  23.         }
  24.         var i = 0, length = images.localId.length;
  25.         images.serverId = [];
  26.  
  27.         function upload() {
  28.             wx.uploadImage({
  29.                 localId : images.localId[i],
  30.                 success : function(res) {
  31.                     i++;
  32.                     alert('已上传：' + i + '/' + length);
  33.                     images.serverId.push(res.serverId);
  34.                     //将serverId上传至服务器
  35.                     alert("ajax请求即将执行--");
  36.  
  37.                     $.ajax({
  38.                         type : "POST",
  39.                         url : "http://se9mxs.natappfree.cc/weixin_gz/uploadimg",
  40.                         data : {
  41.                             serverId : res.serverId
  42.                         },
  43.                         dataType : "text",
  44.                         success : function(data) {
  45.                             alert(data);
  46.                         }
  47.  
  48.                     });
  49.  
  50.                     if (i < length) {
  51.                         upload();
  52.                     }
  53.                 },
  54.                 fail : function(res) {
  55.                     alert(JSON.stringify(res));
  56.                 }
  57.             });
  58.         }
  59.         upload();
  60.     };

（2）使用素材管理接口，根据 mediaId 从微信服务器将图片下载至服务器本地。参见：Java微信公众平台开发_06_素材管理

  1. protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  2.         String mediaId=request.getParameter("serverId");
  3.         System.out.println("serverId:"+mediaId);
  4.  
  5.         try {
  6.             String accessToken=AuthHelper.getAccessToken(Env.APP_ID, Env.APP_SECRET);
  7.  
  8.             //String savePath=System.getProperty("user.dir").replaceAll("\\\\", "/")+"/WebContent/img/"+mediaId+".png";
  9.             String fileDir=request.getSession().getServletContext().getRealPath("").replaceAll("\\\\", "/")+"/img/";
  10.             System.out.println("fileDir:"+fileDir);
  11.  
  12.             //2.调用业务类，获取临时素材
  13.             TempMaterialService.getTempMaterial(accessToken, mediaId, fileDir);
  14.  
  15.         } catch (Exception e) {
  16.             // TODO Auto-generated catch block
  17.             e.printStackTrace();
  18.         }
  19.  
  20.         PrintWriter out = response.getWriter();
  21.         out.print("HHHHHHHHHH");
  22.         out.close();
  23.         out = null;  
  24.  
  25.     }

二、代码实现

1.前端页面—uploadImg.jsp

  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2.     pageEncoding="UTF-8"%>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  4. <html>
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  7. <title>JSSDK之上传图片</title>
  8. <script src="js/jquery-3.2.1.min.js"></script>
  9. <script type="text/javascript"
  10.     src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  11.  
  12. <script type="text/javascript">
  13.     var _config =
  14. <%=com.ray.weixin.gz.util.AuthHelper.getJsapiConfig(request)%>
  15.     ;
  16. </script>
  17.  
  18. <script type="text/javascript" src="js/auth.js"></script>
  19.  
  20. </head>
  21. <body>
  22.  
  23.     <div align="center">
  24.         <img id="userImg" alt="头像" src="">
  25.     </div>
  26.  
  27.     <div align="center">
  28.         <span>UserName:</span>
  29.         <div id="userName" style="display: inline-block"></div>
  30.     </div>
  31.  
  32.     <div align="center">
  33.         <span>UserId:</span>
  34.         <div id="userId" style="display: inline-block"></div>
  35.     </div>
  36.  
  37.     <div align="center">
  38.         <span class="desc">是否验证成功</span>
  39.         <button class="btn btn_primary" id="yanzheng">验证</button>
  40.     </div>
  41.  
  42.     <div align="center">
  43.         <span class="desc">测试按钮</span>
  44.         <button class="btn btn_primary" id="ceshi">测试</button>
  45.     </div>
  46.  
  47.     <div align="center">
  48.         <span class="desc">上传图片按钮</span>
  49.         <button class="btn btn_primary" id="uploadImg">上传图片</button>
  50.     </div>
  51.  
  52.     <div align="center">
  53.         <span class="desc">拍照上传图片按钮</span>
  54.         <button class="btn btn_primary" id="uploadImgFromCamera">拍照上传</button>
  55.     </div>
  56.  
  57.     <div align="center">
  58.         <span class="desc">扫码按钮</span>
  59.         <button class="btn btn_primary" id="qrcode" >扫码</button>
  60.     </div>
  61. </body>
  62. </html>

auth.js

  1. //1.jsapi签名校验
  2. wx.config({
  3.     beta: true,// 必须这么写，否则在微信插件有些jsapi会有问题
  4.     debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
  5.     appId: _config.appId, // 必填，公众号的唯一标识
  6.     timestamp: _config.timeStamp, // 必填，生成签名的时间戳
  7.     nonceStr: _config.nonceStr, // 必填，生成签名的随机串
  8.     signature: _config.signature,// 必填，签名，见附录1
  9.     jsApiList: [ 'checkJsApi', 'onMenuShareAppMessage',
  10.         'onMenuShareWechat', 'startRecord', 'stopRecord',
  11.         'onVoiceRecordEnd', 'playVoice', 'pauseVoice', 'stopVoice',
  12.         'uploadVoice', 'downloadVoice', 'chooseImage',
  13.         'previewImage', 'uploadImage', 'downloadImage',
  14.         'getNetworkType', 'openLocation', 'getLocation',
  15.         'hideOptionMenu', 'showOptionMenu', 'hideMenuItems',
  16.         'showMenuItems', 'hideAllNonBaseMenuItem',
  17.         'showAllNonBaseMenuItem', 'closeWindow', 'scanQRCode',
  18.         'previewFile', 'openEnterpriseChat',
  19.         'selectEnterpriseContact','chooseInvoice'
  20.  
  21.         ]// 必填，需要使用的JS接口列表，所有JS接口列表见附录2
  22. });
  23.  
  24. //2.jsapi签名校验成功后执行ready
  25. wx.ready(function(){
  26.     // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
  27.  
  28.     //2.1 提示jsapi签名验证成功
  29.     $("#yanzheng").html("验证成功");  
  30.  
  31.     $("#ceshi").click(function(){
  32.         alert("ceshiaaa");
  33.  
  34.     });
  35.  
  36.     $("#checkJsApi").click(function(){
  37.         wx.checkJsApi({
  38.             jsApiList: [ 'checkJsApi', 'onMenuShareAppMessage',
  39.                 'onMenuShareWechat', 'startRecord', 'stopRecord',
  40.                 'onVoiceRecordEnd', 'playVoice', 'pauseVoice', 'stopVoice',
  41.                 'uploadVoice', 'downloadVoice', 'chooseImage',
  42.                 'previewImage', 'uploadImage', 'downloadImage',
  43.                 'getNetworkType', 'openLocation', 'getLocation',
  44.                 'hideOptionMenu', 'showOptionMenu', 'hideMenuItems',
  45.                 'showMenuItems', 'hideAllNonBaseMenuItem',
  46.                 'showAllNonBaseMenuItem', 'closeWindow', 'scanQRCode',
  47.                 'previewFile', 'openEnterpriseChat',
  48.                 'selectEnterpriseContact','chooseInvoice'
  49.  
  50.                 ], // 需要检测的JS接口列表，所有JS接口列表见附录2,
  51.                 success: function(res) {
  52.                     // 以键值对的形式返回，可用的api值true，不可用为false
  53.                     // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
  54.                 }
  55.         });
  56.  
  57.     });
  58.  
  59.     //2.2 上传图片
  60.     var images = {
  61.             localId : [],
  62.             serverId : []
  63.     };
  64.     $("#uploadImg").click(function(){
  65.         //2.2.1拍照或从手机相册中选图
  66.         wx.chooseImage({
  67.             success : function(res) {
  68.                 images.localId = res.localIds;
  69.                 alert('已选择 ' + res.localIds.length + ' 张图片');
  70.                 //2.2.2 上传图片
  71.                 uploadImg();
  72.             }
  73.         });
  74.     });
  75.  
  76.     // 2.2.2 上传图片
  77.     function uploadImg() {
  78.         if (images.localId.length == 0) {
  79.             alert('请先使用 chooseImage 接口选择图片');
  80.             return;
  81.         }
  82.         var i = 0, length = images.localId.length;
  83.         images.serverId = [];
  84.  
  85.         function upload() {
  86.             wx.uploadImage({
  87.                 localId : images.localId[i],
  88.                 success : function(res) {
  89.                     i++;
  90.                     alert('已上传：' + i + '/' + length);
  91.                     images.serverId.push(res.serverId);
  92.                     //将serverId上传至服务器
  93.                     alert("ajax请求即将执行--");
  94.  
  95.                     $.ajax({
  96.                         type : "POST",
  97.                         url : "http://se9mxs.natappfree.cc/weixin_gz/uploadimg",
  98.                         data : {
  99.                             serverId : res.serverId
  100.                         },
  101.                         dataType : "text",
  102.                         success : function(data) {
  103.                             alert(data);
  104.                         }
  105.  
  106.                     });
  107.  
  108.                     if (i < length) {
  109.                         upload();
  110.                     }
  111.                 },
  112.                 fail : function(res) {
  113.                     alert(JSON.stringify(res));
  114.                 }
  115.             });
  116.         }
  117.         upload();
  118.     };
  119.  
  120.     //2.3 扫一扫
  121.     $("#qrcode").click(function(){
  122.         wx.scanQRCode({
  123.             needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
  124.             scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
  125.             success: function (res) {
  126.                 var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
  127.                 alert(result);
  128.  
  129.             },
  130.             fail:function (res) {
  131.                 var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
  132.                 alert(result);
  133.  
  134.             }
  135.         });
  136.  
  137.     });
  138.  
  139.     //2.4 拉起发票列表
  140.     //注意，调用此接口时，config接口必须传入beta参数。
  141.     $("#showInvoice").click(function(){
  142.         alert("timestamp:"+invoice_config.timestamp);
  143.         alert("nonceStr:"+invoice_config.nonceStr);
  144.         alert("signType:"+invoice_config.signType);
  145.         alert("cardSign:"+invoice_config.cardSign);
  146.  
  147.         wx.invoke('chooseInvoice', {
  148.             'timestamp': invoice_config.timestamp, // 卡券签名时间戳
  149.             'nonceStr' : invoice_config.nonceStr, // 卡券签名随机串
  150.             'signType' : invoice_config.signType, // 签名方式，默认'SHA1'
  151.             'cardSign' : invoice_config.cardSign, // 卡券签名
  152.         }, function(res) {
  153.             // 这里是回调函数
  154.             alert("aaaaaa");
  155.             alert(JSON.stringify(res)); // 返回的结果
  156.         });
  157.  
  158.     });
  159.  
  160. });
  161.  
  162. //2.jsapi签名校验失败后执行error
  163. wx.error(function(err){
  164.     alert('wx error: ' + JSON.stringify(err));
  165.     // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
  166. });

2.web.xml

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" version="2.5">
  3.   <display-name>weixin_gz</display-name>
  4.   <welcome-file-list>
  5.     <welcome-file>index.html</welcome-file>
  6.     <welcome-file>index.htm</welcome-file>
  7.     <welcome-file>index.jsp</welcome-file>
  8.     <welcome-file>default.html</welcome-file>
  9.     <welcome-file>default.htm</welcome-file>
  10.     <welcome-file>default.jsp</welcome-file>
  11.   </welcome-file-list>
  12.  
  13.   <!--微信公众号回调-->
  14.     <servlet>
  15.         <servlet-name>weixin</servlet-name>
  16.         <servlet-class>com.ray.weixin.gz.controller.WeiXinServlet</servlet-class>
  17.     </servlet>
  18.  
  19.     <servlet-mapping>
  20.         <servlet-name>weixin</servlet-name>
  21.         <url-pattern>/weixin</url-pattern>
  22.     </servlet-mapping>
  23.     <!-- 微信公众号回调-->
  24.  
  25.   <servlet>
  26.     <description></description>
  27.     <display-name>uploadimg</display-name>
  28.     <servlet-name>uploadimg</servlet-name>
  29.     <servlet-class>com.ray.weixin.gz.controller.UploadImgServlet</servlet-class>
  30.   </servlet>
  31.   <servlet-mapping>
  32.     <servlet-name>uploadimg</servlet-name>
  33.     <url-pattern>/uploadimg</url-pattern>
  34.   </servlet-mapping>
  35.  
  36. </web-app>

3.上传图片servlet—UploadImgServlet

  1. package com.ray.weixin.gz.controller;
  2.  
  3. import java.io.IOException;
  4. import java.io.PrintWriter;
  5.  
  6. import javax.servlet.ServletException;
  7. import javax.servlet.http.HttpServlet;
  8. import javax.servlet.http.HttpServletRequest;
  9. import javax.servlet.http.HttpServletResponse;
  10. import com.ray.weixin.gz.config.Env;
  11. import com.ray.weixin.gz.service.tempmaterial.TempMaterialService;
  12. import com.ray.weixin.gz.util.AuthHelper;
  13.  
  14. /**
  15.  * Servlet implementation class UploadImgServlet
  16.  */
  17. public class UploadImgServlet extends HttpServlet {
  18.     private static final long serialVersionUID = 1L;
  19.  
  20.     /**
  21.      * @see HttpServlet#HttpServlet()
  22.      */
  23.     public UploadImgServlet() {
  24.         super();
  25.         // TODO Auto-generated constructor stub
  26.     }
  27.  
  28.     /**
  29.      * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
  30.      */
  31.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  32.         // TODO Auto-generated method stub
  33.         response.getWriter().append("Served at: ").append(request.getContextPath());
  34.     }
  35.  
  36.     /**
  37.      * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
  38.      */
  39.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  40.         String mediaId=request.getParameter("serverId");
  41.         System.out.println("serverId:"+mediaId);
  42.  
  43.         try {
  44.             String accessToken=AuthHelper.getAccessToken(Env.APP_ID, Env.APP_SECRET);
  45.  
  46.             //String savePath=System.getProperty("user.dir").replaceAll("\\\\", "/")+"/WebContent/img/"+mediaId+".png";
  47.             String fileDir=request.getSession().getServletContext().getRealPath("").replaceAll("\\\\", "/")+"/img/";
  48.             System.out.println("fileDir:"+fileDir);
  49.  
  50.             //2.调用业务类，获取临时素材
  51.             TempMaterialService.getTempMaterial(accessToken, mediaId, fileDir);
  52.  
  53.         } catch (Exception e) {
  54.             // TODO Auto-generated catch block
  55.             e.printStackTrace();
  56.         }
  57.  
  58.         PrintWriter out = response.getWriter();
  59.         out.print("HHHHHHHHHH");
  60.         out.close();
  61.         out = null;  
  62.  
  63.     }
  64.  
  65. }

4.素材管理业务类—TempMaterialService.java

  1. package com.ray.weixin.gz.controller;
  2.  
  3. import java.io.IOException;
  4. import java.io.PrintWriter;
  5.  
  6. import javax.servlet.ServletException;
  7. import javax.servlet.http.HttpServlet;
  8. import javax.servlet.http.HttpServletRequest;
  9. import javax.servlet.http.HttpServletResponse;
  10. import com.ray.weixin.gz.config.Env;
  11. import com.ray.weixin.gz.service.tempmaterial.TempMaterialService;
  12. import com.ray.weixin.gz.util.AuthHelper;
  13.  
  14. /**
  15.  * Servlet implementation class UploadImgServlet
  16.  */
  17. public class UploadImgServlet extends HttpServlet {
  18.     private static final long serialVersionUID = 1L;
  19.  
  20.     /**
  21.      * @see HttpServlet#HttpServlet()
  22.      */
  23.     public UploadImgServlet() {
  24.         super();
  25.         // TODO Auto-generated constructor stub
  26.     }
  27.  
  28.     /**
  29.      * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
  30.      */
  31.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  32.         // TODO Auto-generated method stub
  33.         response.getWriter().append("Served at: ").append(request.getContextPath());
  34.     }
  35.  
  36.     /**
  37.      * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
  38.      */
  39.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  40.         String mediaId=request.getParameter("serverId");
  41.         System.out.println("serverId:"+mediaId);
  42.  
  43.         try {
  44.             String accessToken=AuthHelper.getAccessToken(Env.APP_ID, Env.APP_SECRET);
  45.  
  46.             //String savePath=System.getProperty("user.dir").replaceAll("\\\\", "/")+"/WebContent/img/"+mediaId+".png";
  47.             String fileDir=request.getSession().getServletContext().getRealPath("").replaceAll("\\\\", "/")+"/img/";
  48.             System.out.println("fileDir:"+fileDir);
  49.  
  50.             //2.调用业务类，获取临时素材
  51.             TempMaterialService.getTempMaterial(accessToken, mediaId, fileDir);
  52.  
  53.         } catch (Exception e) {
  54.             // TODO Auto-generated catch block
  55.             e.printStackTrace();
  56.         }
  57.  
  58.         PrintWriter out = response.getWriter();
  59.         out.print("HHHHHHHHHH");
  60.         out.close();
  61.         out = null;  
  62.  
  63.     }
  64.  
  65. }

其他的同上一节

Java微信公众平台开发_07_JSSDK图片上传的更多相关文章

  1. Java微信公众平台开发_02_启用服务器配置

    源码将在晚上上传到 github 一.准备阶段 需要准备事项: 1.一个能在公网上访问的项目: 见:[  Java微信公众平台开发_01_本地服务器映射外网  ] 2.一个微信公众平台账号: 去注册: ...

  2. Java微信公众平台开发【番外篇】(七)--公众平台测试帐号的申请

    转自:http://www.cuiyongzhi.com/post/45.html 前面几篇一直都在写一些比较基础接口的使用,在这个过程中一直使用的都是我个人微博认证的一个个人账号,原本准备这篇是写[ ...

  3. Java微信公众平台开发--番外篇，对GlobalConstants文件的补充

    转自:http://www.cuiyongzhi.com/post/63.html 之前发过一个[微信开发]系列性的文章,也引来了不少朋友观看和点评交流,可能我在写文章时有所疏忽,对部分文件给出的不是 ...

  4. Java微信公众平台开发(十二)--微信用户信息的获取

    转自:http://www.cuiyongzhi.com/post/56.html 前面的文章有讲到微信的一系列开发文章,包括token获取.菜单创建等,在这一篇将讲述在微信公众平台开发中如何获取微信 ...

  5. Java微信公众平台开发(十)--微信用户信息的获取

    前面的文章有讲到微信的一系列开发文章,包括token获取.菜单创建等,在这一篇将讲述在微信公众平台开发中如何获取微信用户的信息,在上一篇我们有说道微信用户和微信公众账号之间的联系可以通过Openid关 ...

  6. Java微信公众平台开发(一)--接入微信公众平台

    转自:http://www.cuiyongzhi.com/post/38.html (一)接入流程解析 在我们的开发过程中无论如何最好的参考工具当然是我们的官方文档了:http://mp.weixin ...

  7. Java微信公众平台开发(七)--多媒体消息回复之图片回复

    之前我们在做消息回复的时候我们对回复的消息简单做了分类,前面也有讲述如何回复[普通消息类型消息],这里将讲述多媒体消息的回复方法,[多媒体消息]包含回复图片消息/回复语音消息/回复视频消息/回复音乐消 ...

  8. Java微信公众平台开发_03_消息管理之被动回复消息

    GitHub源码:https://github.com/shirayner/weixin_gz 一.本节要点 1.回调url 上一节,我们启用服务器配置的时候,填写了一个服务器地址(url),如下图, ...

  9. Java微信公众平台开发之获取地理位置

    本部分需要用到微信的JS-SDK,微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包.通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照.选图.语音.位置等手机系统 ...

随机推荐

  1. 【小程序】调用wx.request接口时需要注意的问题

    写在前面 之前写了一篇<微信小程序实现各种特效实例>,上次的小程序的项目我负责大部分前端后台接口的对接,然后学长帮我改了一些问题.总的来说,收获了不少吧! 现在项目已经完成,还是要陆陆续续 ...

  2. memcached讲解

    Memcached 最近空闲的是时候研究了一下缓存,根据公司环境对缓存进行了系统的了解,我们使用memcacheed进行缓存,下面结合我的 理解,以及网上的相关资料,memecached进行讲解. m ...

  3. Entity Framework相关介绍

    在深入学习某项技术之前,应该努力形成对此技术的总体印象,并了解其基本原理,本文的目的就在于此. 一.理解EF数据模型 EF本质上是一个ORM框架,它需要把对象映射到底层数据库中的表,为此,它使用了三个 ...

  4. 阿里巴巴 Java 开发规约插件初体验

    阿里巴巴 Java 开发手册 又一次来谈<阿里巴巴 Java 开发手册>,经过这大半年的版本迭代,这本阿里工程师们总结出来避免写出那么多 Bug 的规范,对于 Java 开发者简直就是必备 ...

  5. php 变量 循环关键词以及方法

    <?php/* 多行注释 */常用数据类型int string double/float bool变量的定义$a = 123;$b = "123";$c = '456';$d ...

  6. C#使用Xamarin开发可移植移动应用进阶篇(10.综合演练,来一份增删改查CRUD)

    前言 系列目录 C#使用Xamarin开发可移植移动应用目录 源码地址:https://github.com/l2999019/DemoApp 可以Star一下,随意 - - 说点什么.. 呃 也有半 ...

  7. win10 uwp 简单MasterDetail

    中文 English 本文主要讲实现一个简单的界面,可以在窗口比较大显示列表和内容,窗口比较小时候显示列表或内容.也就是在窗口比较小的时候,点击列表会显示内容,点击返回会显示列表. 先放图,很简单. ...

  8. 解析PHP多种序列化与反序列化的方法

    1. serialize和unserialize函数这两个是序列化和反序列化PHP中数据的常用函数. 复制代码 代码如下: <?php$a = array('a'=> 'Apple' ,' ...

  9. KDevelop使用笔记【中文】

    师从官方文档: https://userbase.kde.org/KDevelop4/Manual https://docs.kde.org/trunk5/en/extragear-kdevelop/ ...

  10. 【转】IO流程

    原文地址:http://blog.chinaunix.net/uid-26922071-id-3954900.html IO之流程与buffer概览 为了说明这个流程,还是用图来描述一下比较直观.   ...