jssdk 上传图片 java_微信服务号开发之jssdk-照片上传、下载 总结

2023-11-07 15:10

本文主要是介绍jssdk 上传图片 java_微信服务号开发之jssdk-照片上传、下载 总结,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

**微信服务号开发之jssdk-照片上传、下载 总结**

在做微信服务号商城时有一点开店审核需要开店者在手机微信端上传照片,然后后台浏览以便审核,一开始大概看了一下jssdk文档,然后没有仔细去看,以为和微信支付一样,调用了它的jsp代码就会回调一个照片地址给action,然后存到数据库,后台调用出来查看。后来发现自己错了。因为我一直找不到回调函数怎么写。后来才发现,原来我们上传的东西都是先存放到微信自己的服务器上,他会在jssdk方法的script中给你一个serverId,你可以吧serverId(64位)存到数据库中,然后你在后台利用serverId再通过方法取出来,此方法代码:

````java

package com.util;

import java.io.FileNotFoundException;

import java.io.FileOutputStream;

import java.io.IOException;

import java.io.InputStream;

import java.io.OutputStream;

import org.apache.http.HttpResponse;

import org.apache.http.client.ClientProtocolException;

import org.apache.http.client.HttpClient;

import org.apache.http.client.methods.HttpGet;

import org.apache.http.impl.client.DefaultHttpClient;

import weixin.popular.api.TokenAPI;

import weixin.popular.bean.Token;

import com.action.WeixinConfig;

public class HttpDownload {

static HttpClient client = new DefaultHttpClient();

/**

* filename

* request.getSession().getServletContext().getRealPath("/图片目录")+"aa.jpg"

*

* @param url 下载地址

* @param filename 保存路径

* @return true下载成功

*/

public boolean download(String url, String filename)

{

try {

HttpGet httpGet = new HttpGet(url);

HttpResponse response = client.execute(httpGet);

if (response.getStatusLine().getStatusCode()==200)

{

InputStream is = response.getEntity().getContent();

OutputStream out = new FileOutputStream(filename);

byte[] b = new byte[1024];

int size = is.read(b);

while (size>0)

{

out.write(b,0,size);

size = is.read(b);

}

out.close();

is.close();

}

httpGet.releaseConnection();

} catch (Exception e) {

// TODO Auto-generated catch block

e.printStackTrace();

return false;

}

return true;

}

/*public static void main(String[] args) {

String appid = WeixinConfig.APPID;

String secret = WeixinConfig.APPSECRET;

Token token = new TokenAPI().token(appid, secret);

String access_token = token.getAccess_token();

String media_id = "ZgSqxcH9j_xyxg2Z3Fjtxsr8ypHJ3NBOpWSeszN-Uxc2smtDEXBqOxi0kTjS4cEB";

String url="http://file.api.weixin.qq.com/cgi-bin/media/get?access_token="+access_token+"&media_id="+media_id;

String filename="WebRoot/img/sh82.jpg";

//filename 就是存放照片的地方

boolean b = download(url,filename);

System.out.println("bbb:"+b);

}*/

}

````

jsp中代码:(详见jssdk开发文档)

````

document.querySelector(‘#choose_img’).onclick = function () {

wx.chooseImage({

success: function (res) {

images.localId = res.localIds;

var localIds = res.localIds;

numimg = numimg + images.localId.length;

if(numimg>3)

{

numimg = numimg - images.localId.length;

alert(“只需上传三张照片”);

return;

}

//alert(‘已选择 ’ + res.localIds.length + ’ 张图片’);

var first_item = $(“#choose_img”);

var xxx = null; // 添加图片的盒子 预览

var div = document.getElementById(“goodscontainer”);

for(var i in res.localIds) {

xxx = '

' +

'+%20res.localIds%5Bi%5D%20+%20' +

'

';

var div2 = $(xxx + '');

div2.insertBefore($(first_item));

//div2.appendTo($(div));

}

//上传、

syncUpload(localIds);

}

})

};

var syncUpload = function(localIds){

var localId = localIds.pop();

wx.uploadImage({

localId: localId,

isShowProgressTips: 1,

success: function (res) {

images.serverId = res.serverId; // 返回图片的服务器端ID

$.ajax({

url:"${pageContext.request.contextPath}/paizhao.do?method=getserverId",

data:{serverId:images.serverId},

success:function(data)

{ //alert("ttt");

},

error:function(xhr){

alert(xhr.status);

}

});

if(localIds.length > 0){

syncUpload(localIds);

}

}

});

};

````

这篇关于jssdk 上传图片 java_微信服务号开发之jssdk-照片上传、下载 总结的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/364460

相关文章

微信公众号脚本-获取热搜自动新建草稿并发布文章

《微信公众号脚本-获取热搜自动新建草稿并发布文章》本来想写一个自动化发布微信公众号的小绿书的脚本,但是微信公众号官网没有小绿书的接口,那就写一个获取热搜微信普通文章的脚本吧,:本文主要介绍微信公众... 目录介绍思路前期准备环境要求获取接口token获取热搜获取热搜数据下载热搜图片给图片加上标题文字上传图片

Java编译生成多个.class文件的原理和作用

《Java编译生成多个.class文件的原理和作用》作为一名经验丰富的开发者,在Java项目中执行编译后,可能会发现一个.java源文件有时会产生多个.class文件,从技术实现层面详细剖析这一现象... 目录一、内部类机制与.class文件生成成员内部类(常规内部类)局部内部类(方法内部类)匿名内部类二、

SpringBoot实现数据库读写分离的3种方法小结

《SpringBoot实现数据库读写分离的3种方法小结》为了提高系统的读写性能和可用性,读写分离是一种经典的数据库架构模式,在SpringBoot应用中,有多种方式可以实现数据库读写分离,本文将介绍三... 目录一、数据库读写分离概述二、方案一:基于AbstractRoutingDataSource实现动态

Python FastAPI+Celery+RabbitMQ实现分布式图片水印处理系统

《PythonFastAPI+Celery+RabbitMQ实现分布式图片水印处理系统》这篇文章主要为大家详细介绍了PythonFastAPI如何结合Celery以及RabbitMQ实现简单的分布式... 实现思路FastAPI 服务器Celery 任务队列RabbitMQ 作为消息代理定时任务处理完整

Springboot @Autowired和@Resource的区别解析

《Springboot@Autowired和@Resource的区别解析》@Resource是JDK提供的注解,只是Spring在实现上提供了这个注解的功能支持,本文给大家介绍Springboot@... 目录【一】定义【1】@Autowired【2】@Resource【二】区别【1】包含的属性不同【2】@

springboot循环依赖问题案例代码及解决办法

《springboot循环依赖问题案例代码及解决办法》在SpringBoot中,如果两个或多个Bean之间存在循环依赖(即BeanA依赖BeanB,而BeanB又依赖BeanA),会导致Spring的... 目录1. 什么是循环依赖?2. 循环依赖的场景案例3. 解决循环依赖的常见方法方法 1:使用 @La

Java枚举类实现Key-Value映射的多种实现方式

《Java枚举类实现Key-Value映射的多种实现方式》在Java开发中,枚举(Enum)是一种特殊的类,本文将详细介绍Java枚举类实现key-value映射的多种方式,有需要的小伙伴可以根据需要... 目录前言一、基础实现方式1.1 为枚举添加属性和构造方法二、http://www.cppcns.co

Elasticsearch 在 Java 中的使用教程

《Elasticsearch在Java中的使用教程》Elasticsearch是一个分布式搜索和分析引擎,基于ApacheLucene构建,能够实现实时数据的存储、搜索、和分析,它广泛应用于全文... 目录1. Elasticsearch 简介2. 环境准备2.1 安装 Elasticsearch2.2 J

使用C#代码在PDF文档中添加、删除和替换图片

《使用C#代码在PDF文档中添加、删除和替换图片》在当今数字化文档处理场景中,动态操作PDF文档中的图像已成为企业级应用开发的核心需求之一,本文将介绍如何在.NET平台使用C#代码在PDF文档中添加、... 目录引言用C#添加图片到PDF文档用C#删除PDF文档中的图片用C#替换PDF文档中的图片引言在当

详解C#如何提取PDF文档中的图片

《详解C#如何提取PDF文档中的图片》提取图片可以将这些图像资源进行单独保存,方便后续在不同的项目中使用,下面我们就来看看如何使用C#通过代码从PDF文档中提取图片吧... 当 PDF 文件中包含有价值的图片,如艺术画作、设计素材、报告图表等,提取图片可以将这些图像资源进行单独保存,方便后续在不同的项目中使