官方展示的接口配置信息
需要引用的jssdk的页面上需要有这些:
<strong> <script type="text/javascript" src="http://res.wx.qq.com/open/j<span style="font-family: Arial, Helvetica, sans-serif;">s/jweixin-1.0.0.js"></script></span></strong>
<script type="text/javascript">
wx.config({
debug: false,
appId: '${appid!}',
timestamp: '${sing_timeStamp!}',
nonceStr: '${sing_nonceStr!}',
signature: '${sing_signa!}',
jsApiList: ["chooseImage","uploadImage","downloadImage"]
});
var localIds=[];
var serverIds=[];
function chooseImg(){
wx.chooseImage({
count: 9, // 默认9
sizeType: ['original', 'compressed'],
sourceType: ['album', 'camera'],
success: function (res) {
serverIds=[];
$("#imgg").html("");
medil_id="";
// localUpload(res);
imgUrl="";
localIds = res.localIds;
uploadImages(localIds);
for(var i=0;i<localIds.length;i++){
imgUrl+=localIds[i]+",";
$("#imgg").append('<img width="60" height="60" class="tran_bg" src="'+localIds[i]+'"/>');
}
}
});
}
function uploadImages(localImagesIds) {
if (localImagesIds.length === 0) {
$.showPreloader('正在提交数据...');
// $('form').submit();
}
var localId = localImagesIds[0];
//解决IOS无法上传的坑
if (localId.indexOf("wxlocalresource") != -1) {
localId = localId.replace("wxlocalresource", "wxLocalResource");
}
wx.uploadImage({
localId: localId, // 需要上传的图片的本地ID,由chooseImage接口获得
isShowProgressTips: 2, // 默认为1,显示进度提示
success: function (res) {
serverIds.push(res.serverId); // 返回图片的服务器端ID
localImagesIds.shift();
uploadImages(localImagesIds);
},
fail: function (res) {
$.alert('上传失败,请重新上传!');
}
});
}
那几个参数就由后台写入
WxMpServiceImpl service = wxService.getService();
service.getJsapiTicket(true);
service.getAccessToken(true);
String str="";
String rString="";
if(wxService.isUseTest()){rString=wxService.getTestEnterUrl();}else{
rString=wxService.getEnterUrl();
}
if(userPost.getSeedId() != null && userPost.getUserLandId() != null){
str = rString+"neighbor/postFeed?seedId="+userPost.getSeedId()+"&userLandId="+userPost.getUserLandId();
}else {
str=rString+ "neighbor/postFeed";
}
WxJsapiSignature signature = service.createJsapiSignature(str);
model.put("appid", wxService.getConfig().getAppId());
model.put("sing_timeStamp", signature.getTimestamp());
model.put("sing_nonceStr", signature.getNoncestr());
model.put("sing_signa", signature.getSignature());
这些已经差不多了
页面上直接诶引用方法就行了
<div class="add_img" οnclick="chooseImg()">