This article introduces the methods of setting up the camera, displaying pictures locally, uploading and downloading pictures in WeChat development
After the page is introduced and authorized through jssdk, the wx object is passed in. First configure the required Interface
wx.config({ /* debug: true, */ appId: appid, timestamp: timestamp, nonceStr: nonceStr, signature: signature, jsApiList: [ 'chooseImage',//拍照或从手机相册中选图接口 'previewImage',//预览图片接口 'uploadImage',//上传图片接口 'downloadImage'//下载图片接口 ] });
and use the following method Place it in the callback function that requires a click event
wx.chooseImage({ count: 1, sizeType: ['compressed'], sourceType: ['album', 'camera'], success: function (res) { //var localIds = res.localIds; $('.driver-card img').prop('src',res.localIds[0]); uploadPhoto.uploadToWeixinServer(res.localIds[0],'car') } });
uploadToWeixinServer: 1
uploadToOwnerServer: function(serverId,type){ $.ajax({ data: {serverId:serverId,type:type}, type : "POST", url : WX_ROOT + "wechat/uploadPhoto", success : function(json) { if (json) { var data = JSON.parse(json.data); if ('car' == type) uploadPhoto.options.carImage = data.path + data.name else uploadPhoto.options.idCardImage = data.path + data.name } } }); },
@RequestMapping(value = "/uploadPhoto", method = RequestMethod.POST) public @ResponseBody HttpResult uploadPhoto(@RequestParam String serverId,@RequestParam String type) throws Exception{ LOGGER.info("RestFul of uploadPhoto parameters serverId:{},type:{}",serverId,type); try { /** 将图片保存到本地服务器 **/ String photoName = type + new Date().getTime() + UUID.randomUUID().toString(); //文件路径不存在则创建 File saveFile = new File(PIC_PATH + type); if (!saveFile.mkdir()) saveFile.mkdir(); wechatService.saveImageToDisk(serverId, photoName, PIC_PATH + type + "/"); LOGGER.info("Download the picture from weixin server pathL:{}",PIC_PATH + type + "/"); JSONObject data = new JSONObject(); data.put("name", type + "/" + photoName+".jpg"); data.put("path", PIC_SERVER + "/"); HttpResult rs = new HttpResult(); rs.setCode(200); rs.setData(data.toJSONString()); LOGGER.info("Download the picture from weixin server is successful!serverId:{},photoName:{}",serverId,photoName); LOGGER.info("HttpResult data:{}",rs.getData()); return rs; } catch (Exception e) { LOGGER.error("Download the picture from weixin server is error",serverId); return null; }
/** * 根据文件id下载文件 * @param accessToken * @param mediaId * @return 文件流对象 */ public InputStream getInputStream(String accessToken, String mediaId) { InputStream is = null; String url = "//m.sbmmt.com/"+ accessToken + "&media_id=" + mediaId; try { URL urlGet = new URL(url); HttpURLConnection http = (HttpURLConnection) urlGet.openConnection(); http.setRequestMethod("GET"); // 必须是get方式请求 http.setRequestProperty("Content-Type","application/x-www-form-urlencoded"); http.setDoOutput(true); http.setDoInput(true); System.setProperty("sun.net.client.defaultConnectTimeout", "30000");// 连接超时30秒 System.setProperty("sun.net.client.defaultReadTimeout", "30000"); // 读取超时30秒 http.connect(); // 获取文件转化为byte流 is = http.getInputStream(); } catch (Exception e) { LOGGER.error("Failed to convert inputStream from weixin server,accessToken:{},mediaId:{}",accessToken,mediaId); } return is; }
public void saveImageToDisk(String mediaId, String picName, String picPath) throws Exception { String accessToken = getBaseAccessToken(); InputStream inputStream = getInputStream(accessToken, mediaId); // 循环取出流中的数据 byte[] data = new byte[1024]; int len = 0; FileOutputStream fileOutputStream = null; try { fileOutputStream = new FileOutputStream(picPath+picName+".jpg"); while ((len = inputStream.read(data)) != -1) { fileOutputStream.write(data, 0, len); } LOGGER.info("Write the fileInputStream is successful"); } catch (IOException e) { LOGGER.error("Write the fileInputStream is error"); } finally { if (inputStream != null) { try { inputStream.close(); } catch (IOException e) { LOGGER.error("Close the fileInputStream is error"); } } if (fileOutputStream != null) { try { fileOutputStream.close(); } catch (IOException e) { LOGGER.error("Close the fileOutputStream is error"); } } } }
The above is the detailed content of Methods for WeChat development to activate the camera, display pictures locally, upload and download pictures. For more information, please follow other related articles on the PHP Chinese website!