微信jssdk里chooseImage接口得到的圖片顯示問題

這幾天研究了一下這個微信公眾平臺的開發(fā)的問題
在使用chooseImage接口調(diào)用獲取到了圖片的時候一直顯示不出來酣衷,百度了一些帖子結(jié)果都不是很好穿仪,后來終于研究出來怎么顯示出來了啊片,現(xiàn)在寫出來做一個備份

使用微信JSDK的時候遇到的一些問題
在配置S接口安全域名的時候需要用一級域名玖像,不能使用二級域名,并且不能帶http 或者h(yuǎn)ttps
如我的測試上傳圖片網(wǎng)址是
http://robertfly.applinzi.com/php_jssdk/jssdkdemo.php
在定義域名的時候要使用

applinzi.com


<pre>
//html里的主要代碼
<body ontouchstart="">
上傳圖片的測試

圖像接口
<span class="desc">拍照或從手機(jī)相冊中選圖接口</span>
<button class="btn btn_primary" id="chooseImage" onclick="chooseImg_Opinion()">chooseImage</button>
<span>圖片預(yù)覽</span>
<div id="photo"></div>
</body>
</br>
//js里的主要代碼

<script>
wx.ready(function () {
//自動執(zhí)行的
wx.checkJsApi({
jsApiList: [
'chooseImage',
],
success: function (res) {
// alert(JSON.stringify(res));
// alert(JSON.stringify(res.checkResult.getLocation));
// if (res.checkResult.getLocation == false) {
// alert('你的微信版本太低笤昨,不支持微信JS接口握恳,請升級到最新的微信版本!');
// return;
// }
}
});
});

wx.error(function (res) {
    alert(res.errMsg);
});

function chooseImg_Opinion() {
wx.chooseImage({
success: function (res) {
showImgs_Opinion(res);
}
});
}

function showImgs_Opinion(res) {
//主要是這一塊的代碼
var parent = document.getElementById('photo');

var div = document.createElement("div");
//設(shè)置 div 屬性崇裁,如 id
div.setAttribute("id", "imgDiv");
var _html="";
for(var i in res.localIds){
    var photoSrc=res.localIds[i];
    _html=_html+'<br>圖片'+i+':<img src="'+photoSrc+'" height="200" width="200" />\n';
}

div.innerHTML = _html;
  parent.appendChild(div);

</script>
</pre>


相關(guān)網(wǎng)址:
githup上代碼的網(wǎng)址:
https://github.com/robert1202/MpWeiXin_Robert/tree/master/ChooseImage
演示效果的網(wǎng)址:
http://robertfly.applinzi.com/php_jssdk/jssdkdemo.php
我的微信個人訂閱號,敬請關(guān)注 共同學(xué)習(xí)

南山道長公眾號.jpg

順便打一個廣告
使用這個新浪云 可以使用一定時長免費(fèi)的域名空間葛峻,如果你只是為了學(xué)習(xí)這個開發(fā)巴比,還是可以先用用的,點(diǎn)擊注冊 實(shí)名認(rèn)證成功后可各獲得200云豆
「新浪云福利」1000云豆免費(fèi)領(lǐng)腰耙!低成本铲球、免運(yùn)維、靈活稼病、安全穩(wěn)定,輕松應(yīng)對業(yè)務(wù)爆發(fā)式增長援制,一起來用吧芍瑞!
注冊地址:http://t.cn/Rti8Tq3

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末拆檬,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子竟贯,更是在濱河造成了極大的恐慌屑那,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,378評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件沃琅,死亡現(xiàn)場離奇詭異选酗,居然都是意外死亡岳枷,警方通過查閱死者的電腦和手機(jī)呜叫,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,970評論 3 399
  • 文/潘曉璐 我一進(jìn)店門朱庆,熙熙樓的掌柜王于貴愁眉苦臉地迎上來娱颊,“玉大人,你說我怎么就攤上這事箱硕∥蝰茫” “怎么了?”我有些...
    開封第一講書人閱讀 168,983評論 0 362
  • 文/不壞的土叔 我叫張陵惠昔,是天一觀的道長挑势。 經(jīng)常有香客問我,道長来氧,這世上最難降的妖魔是什么香拉? 我笑而不...
    開封第一講書人閱讀 59,938評論 1 299
  • 正文 為了忘掉前任缕溉,我火速辦了婚禮,結(jié)果婚禮上僚楞,老公的妹妹穿的比我還像新娘。我一直安慰自己泉褐,他們只是感情好鸟蜡,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,955評論 6 398
  • 文/花漫 我一把揭開白布揉忘。 她就那樣靜靜地躺著端铛,像睡著了一般疲眷。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上换淆,一...
    開封第一講書人閱讀 52,549評論 1 312
  • 那天几颜,我揣著相機(jī)與錄音,去河邊找鬼蛋哭。 笑死,一個胖子當(dāng)著我的面吹牛准颓,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播攘已,決...
    沈念sama閱讀 41,063評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼样勃,長吁一口氣:“原來是場噩夢啊……” “哼峡眶!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起辫樱,我...
    開封第一講書人閱讀 39,991評論 0 277
  • 序言:老撾萬榮一對情侶失蹤狮暑,失蹤者是張志新(化名)和其女友劉穎辉饱,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體彭沼,經(jīng)...
    沈念sama閱讀 46,522評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡褐奴,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,604評論 3 342
  • 正文 我和宋清朗相戀三年歉糜,在試婚紗的時候發(fā)現(xiàn)自己被綠了望众。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,742評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡夯缺,死狀恐怖踊兜,靈堂內(nèi)的尸體忽然破棺而出佳恬,到底是詐尸還是另有隱情,我是刑警寧澤毁葱,帶...
    沈念sama閱讀 36,413評論 5 351
  • 正文 年R本政府宣布倾剿,位于F島的核電站,受9級特大地震影響前痘,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜坯癣,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,094評論 3 335
  • 文/蒙蒙 一坡锡、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧鹉勒,春花似錦吵取、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,572評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽剪撬。三九已至悠反,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間梨水,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,671評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留旦委,地道東北人。 一個月前我還...
    沈念sama閱讀 49,159評論 3 378
  • 正文 我出身青樓割坠,卻偏偏與公主長得像撤蚊,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子宜肉,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,747評論 2 361

推薦閱讀更多精彩內(nèi)容