微信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分享咐襪到朋核簡羨友,描述和圖片不顯示問題
是微信剛更新的快捷分享改拍有問題,按照以前的操作,點擊分享到朋友,再去通信錄選擇人就可以了