微信jssdk图片上传
⑴ 微信JSSDK接口权限中getLocalImgData既在获取到权限列表中,又在未获取到权限的列表中,为什么会这样
在jsapilist中加 "getLocalImgData" ,如果报错 : wx.getlocalimgdata not is a function 说冲塌明你的jweixi.js文件版本可能低了,需要1.2以上. <script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.2.0.js">袭判含拍笑</script>
⑵ 上传到微信 jdk 接口的照片怎么上传到自己的服务器
$MEDIA_ID = $_POST['mediaid'];
$return = array();
$path = './upload';//定义保存路径
$dir = realpath($path);//为方便管理图片 保存图片时 已时间作一层目录作区分
$tardir=$dir.'/'.date('Y_m_d');
if(!file_exists($tardir)){
mkdir($dir.'/'.date('Y_m_d'));
}
$ACCESS_TOKEN=$jssdk->getAccessToken();
$url="http://file.api.weixin.qq.com/cgi-bin/media/get?access_token=$ACCESS_TOKEN&media_id=$MEDIA_ID";
// var_mp($url);exit;
$ch = curl_init($url);
$ranfilename=time().rand().".jpg";
$filename=$path.'/'.date('Y_m_d').'/'.$ranfilename;
$tarfilename=$tardir."/".$ranfilename;
$fp = fopen($tarfilename, "w");
curl_setopt($ch, CURLOPT_FILE, $fp);
curl_setopt($ch, CURLOPT_HEADER, 0);
curl_exec($ch);
curl_close($ch);
fclose($fp);
⑶ 根据微信jssdk的localid获取照片
$("#xiangji").click(function(){
wx.chooseImage({
count:1,//默认9
sizeType:['original','compressed'],//可以指定是原图还是压缩图,默认二者都有
sourceType:['album','camera'],//可以指定来源是相册还是相机,默认二者都有
success:function(res){
varlocalIds=res.localIds;//返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
迟源$(".vip-tx").find("img").attr("src",localIds);
wx.uploadImage({
localId:localIds.toString(),//需要上传的图片的本地ID,由chooseImage接口获得
isShowProgressTips:1,//默认为1,显示进度提示
success:function(res){
varserverId=res.serverId;//返回图片的服务器端ID
码裤态wx.downloadImage({
serverId:serverId.toString(),//需要下载的图片的服务器端ID,由uploadImage接口获得
isShowProgressTips:1,//默认为1,显示进度提示
success:function(res){
vardownloadId=res.localId;//返回图片下载后的本地ID
alert(downloadId);
}
});
}
纯缓});
}
});
});
⑷ 如何在微信分享的网页中显示描述和图片
你不显示描述并衫或和图片是因为你没有定义描述内容个图片地址啊。知道了原因,那我们就定义描述内容个图片地址就可以了。目前的实现办法,我所知道的有绝伍两种:
第一种导入微信jssdk,然后前端定义描述内容和图片,可以是默认的也可以自定义。
第二种用微信自定义分享卡片链接来做,这是一款实用工具,这种非常简单,只需要填入描述内容和图片地址,就可以一键创建卡片了。
更多具体的做法,这里塌纳没法给你详细说明,不过你可以参考“微尚书”。搜一下“微尚书”,我想你应该就会了。
搞定了的话,记得给采纳哦!!
⑸ 如何在DISCUZ论坛引入微信JSSDK与分享功能
首先在公众号管理后台“公众号设置”的“功能设置”里填写JS接口安全域名,域名需要通过ICP备案,没有备案域名可以用SAE、BAE等平台。自定义分享功能需要通过微信认证才能使用,没有认证的可以跟关系好的朋友借用权限,在他的JS接口安全域名设置这里填上你的域名和共享同一个开发者ID。没有认证微信号的,可参考文章末尾的办法。
2、下载官方示例代码:jssdk-php.zip
下载后解压,然后在DZ根目录新建一个文件夹命名为jssdk 把解压得到的jssdk.php直接上传到刚建设好的文件夹中。
3、修改header.htm模板文件
在DZ模板文件header.htm中添加如下代码
⑹ 【求帮助】 微信JSSDK 分享接口,调用没反应
你在wx.config时,打开调试模式,自己测试测试,在调试模式下,都会alert信息出来,看看alert出来的是什么信息。
⑺ 微信朋友圈JSSDK分享自定义图片文字
1、在微信公众号添加安全域名(制作的H5页面的主域名);
测试阶段,本册槐人是通过修改hosts文件,将对应域名解析为127.0.0.1 ; 然后将电脑和手机连接至同个局域网下。修改手机代理为电脑在局域网内的IP地址;这样手机就能正常进行测试;
2、引入jssdk script src='http://res.wx.qq.com/open/js/jweixin-1.0.0.js'
3、配置jssdk,成功后方可使用相关功能,方式如下
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: 'XX', // 必填,公众号的唯一标识
timestamp: XX, // 必填,生成签名的时间戳
nonceStr: xx, // 必填,生成签名的随机串
signature: xx, // 必填,签名,见附录1
jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage'] // 必填,需要使用的JS接口列表,所帆埋有JS接口列表见附录2
});
第一次接触时看到网上的文章在此对signature没有过多的说明,这里我自己大概说一下,此参数是通过获取公众号的id及secret获取 access _token,然后通过 access _token获取jsapi_ticket,然后通过时间戳,随机串,当前页面url,通过sha1加密生成;(这里做下说明,此步骤由后台处理后返回给前端即可);
刚接触的时候领导认为纯前端可实现,这。。。确实可以实现,这里就不做过多说明了;至于要后端处理的原因大致为两点1、公众号id和secret在前端实现不安全 2、 access _token和jsapi_ticket每日有请求次数的限制,过期时间两小时,所以需要后台在服务器缓存,每两小时获取一次;
4、wx.config配置正确即可通过wx.ready来调用相应功能
wx.ready(function() {
wx.onMenuShareTimeline({ //分享朋友圈
title: 'X', // 分享标题
link: window.location.href, // 分享链接
imgUrl: url, // 分享图标
success: function() {
// 用户确认分享后执行的回调函数
console.log('分享成功了哟哟哟')
},
cancel: function() {
// 用户取消分享后执行的回调函数
}
});
wx.onMenuShareAppMessage({ // 好友分享
title: '', // 分享标题
desc: '', // 分享描述
link: window.location.href, // 分享链接
imgUrl: '', // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
});
总结:其实对于前端要处理的很少,只要从后台获取signature签名,调用方法州轿友即可实现;具体可看官方文档;首次接触的小伙伴不要被吓到,就是如此简单;
⑻ 如何使用jssdk 上传图片到自己的服务器
在仔敬网页中用jssdk上传图片到微信服务器 微信服务唤旦器返回一个server_id 然后把这个server_id传给后台 后台在通过access_token=ACCESS_TOKEN&media_id=MEDIA_ID 这个接口获取到和戚扰图片信息 然后写入到文件中!
⑼ uniapp中调用微信jssdk
1、安装
```
npm install jweixin-mole --save
```
2、创建文件share.wx.js
```
// 引含册入微信jssdk
const jweixin = require('jweixin-mole')
const install = (Vue, vm) => {
// shareInfo: {
// title: '标题',
// desc: '描述',
// link: location.origin,
// imgUrl: 'http://admin.djiajia.cn/uploads/wechat_img/2020/07/29/20200729095315-5f20d68b1ea0d.jpg'
// }
const init = (shareInfo = {}) => {
// 获取微信jssdk,用于分享
vm.$u.api.getWxjssdk({
url: location.href
}).then(res => {
res = res.data
vm.$u.vuex('vuex_wxjssdk', res)
console.log(res)
jweixin.config({
debug: res.debug, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: res.appId, // 必填,公众号的唯一标识
timestamp: res.timestamp, // 必填,生成签名的时间戳
nonceStr: res.nonceStr, // 必填,生成签名的随机串
signature: res.signature, // 必填,签名
jsApiList: res.jsApiList // 必填,需要使用的JS接口列表
});
jweixin.ready(() => {
console.log(shareInfo.title)
// 分享给朋友
jweixin.updateAppMessageShareData({
title: shareInfo.title,
desc: shareInfo.desc,
link: shareInfo.link,
imgUrl: shareInfo.imgUrl,
success: () => {
// 设置成功
}
})
// 分享到朋友圈
jweixin.updateTimelineShareData({
title: shareInfo.title,
link: shareInfo.link,
imgUrl: shareInfo.imgUrl,
success: () => {
// 设置成功森冲
}
})
// 分享到朋友圈
jweixin.onMenuShareTimeline({
title: shareInfo.title,
link: shareInfo.link,
imgUrl: shareInfo.imgUrl,
success: () => {
}
})
// 分享此老歼给朋友
jweixin.onMenuShareAppMessage({
title: shareInfo.title,
desc: shareInfo.desc,
link: shareInfo.link,
imgUrl: shareInfo.imgUrl,
success: () => {
}
})
});
jweixin.error(function(res) {
// config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
console.log(res)
});
})
};
// 将各个定义的接口名称,统一放进对象挂载到vm.$u.api(因为vm就是this,也即this.$u.api)下
vm.$u.share = {
init
};
}
export default {
install
}
```
3、main.js app.$mount() 上面加入
```
// 微信jssdk初始化
import wxshare from '@/common/share.wx.js'
Vue.use(wxshare, app)
```
4、调用
```
this.$u.share.init({
title: '标题',
desc: '描述',
link: location.origin,
imgUrl: '分享图片地址'
})
```
⑽ jssdk分享到朋友,描述和图片不显示问题
jssdk分享咐袜到朋核简羡友,描述和图片不显示问题
是微信刚更新的快捷分享改拍有问题,按照以前的操作,点击分享到朋友,再去通信录选择人就可以了