记录调用微信图片上传前端上传后端Java下载保存（多图上传）

测试页面

<template>
   <div id="test">
       <button @click="wxchoose">微信上传测试</button>
       <div class="img_box">
           <div v-for="(item,key) in imgList" class="img_item">
               <img class="loading" src="../../static/img/Loading.png"/>
               <div class="preview">
                   <img :src="item"/>
               </div>
               <img @click="imgRemove(key)" class="remove" src="../../static/img/process-07.png"/>
           </div>
       </div>
       <button @click="wxupload(0)">确认上传</button>
   </div>
</template>

Java 代码

@RequestMapping("ticket")
   public Map<String,Object> ticket(HttpServletRequest request){
       AccessToken token = AccessTokenUtil.getAccessToken(WechatConfig.appId, WechatConfig.appSecret);
       if(token==null){
           return ReturnBody.returnMes(Message.succ, Result.OPERA_ERROR);
       }
       String jsapi_ticket=JsapiUtil.getJsapiTicketOfJssdk(token.getToken());
       String pageUrl = request.getParameter("pageUrl");
       String appid =WechatConfig.appId;
       Long timestamp = new Date().getTime()/1000;
       String noncestr=UUID.randomUUID().toString().replaceAll("-", "");
       String signature ="jsapi_ticket="+jsapi_ticket+"&noncestr="+noncestr+"&timestamp="+timestamp+"&url="+pageUrl;
       signature = Sha1Util.getSha1(signature);
       System.out.println(signature);
       Map<String,Object> wechatSign = new HashMap<String,Object>();
       wechatSign.put("timestamp", timestamp);
       wechatSign.put("noncestr", noncestr);
       wechatSign.put("signature", signature);
       wechatSign.put("appid", appid);
       wechatSign.put("pageUrl", pageUrl);
       return wechatSign;
   }

@RequestMapping("testUpload")
   public String testUpload(HttpServletRequest request){
       String id = request.getParameter("imgIds"); // media_id集合
       if (!CommUtil.checkNull(id)) {
           return ReturnBody.returnMes(Message.error, Result.PARAMETER_ERROR);
       }
       JSONArray list = JSONArray.parseArray(id);
       AccessToken token = AccessTokenUtil.getAccessToken(WechatConfig.appId, WechatConfig.appSecret);
       List<String> image = FileUtil.downloadImage(token.getToken(), list);
       for (String string : image) {
           System.out.println(string);
       }
       return "succ";
   }

public static List<String> downloadImage(String accessToken,JSONArray mediaIds) {
       if(StringUtils.isBlank(accessToken) || mediaIds.size() < 1){
           return null;
       }
       List<String> pathList = new ArrayList<String>();
       String localFilePath="";
       String requestUrl = "http://file.api.weixin.qq.com/cgi-bin/media/get?access_token="+accessToken;
       URL url;
       BufferedInputStream bis=null;
       HttpURLConnection conn=null;
       try{
           for (Object id : mediaIds) {
               url = new URL(requestUrl + "&media_id=" + id);
               conn = (HttpURLConnection) url.openConnection();
               conn.setDoInput(true);
               conn.setRequestMethod("GET");
               // 根据内容类型获取扩展名
               String fileExt = conn.getHeaderField("Content-Type").split("/")[1];
               bis = new BufferedInputStream(conn.getInputStream());
               BufferedImage bi1 = ImageIO.read(bis);
               String fileName="D://wxfile/" + UUIDTool.getUUID() + ".";//图片存储路径
               FileOutputStream fos = new FileOutputStream(new File(fileName + fileExt));
               byte[] buf = new byte[8096];
               int size = 0;
               while ((size = bis.read(buf)) != -1) {
                   fos.write(buf, 0, size);
               }
               fos.close();
               localFilePath = fileName + fileExt;
               pathList.add(localFilePath);
           }
       }catch (Exception e){
           return null;
       }finally{
           try{
               bis.close();
               conn.disconnect();
           }catch (Exception e) {
               e.printStackTrace();
           }
       }
       return pathList;

传送门：https://blog.csdn.net/sun2015_07_24/article/details/51445844

记录 调用微信图片上传 前端上传 后端Java下载保存（多图上传）

猜你喜欢

记录调用微信图片上传前端上传后端Java下载保存（多图上传）