首頁  >  文章  >  微信小程式  >  微信jssdk介面得到的圖片顯示問題

微信jssdk介面得到的圖片顯示問題

PHPz
PHPz原創
2017-04-04 11:33:182908瀏覽

這幾天研究了一下這個微信公眾平台的開發的問題
在使用chooseImage介面呼叫取得到了圖片的時候一直顯示不出來,百度了一些貼文結果都不是很好,後來終於研究出來怎麼顯示出來了,現在寫出來做一個備份

使用微信JSDK的時候遇到的一些問題
在配置S接口安全域名的時候需要用一級域名,不能使用二級域名,且不能帶http 或https
如我的測試上傳圖片網址是

applinzi.com


//html里的主要代码
<body ontouchstart="">
 上传图片的测试
 图像接口
      <span class="desc">拍照或从手机相册中选图接口</span>
      <button class="btn btn_primary" id="chooseImage" onclick="chooseImg_Opinion()">chooseImage</button>
    <span>图片预览</span>
    <p id="photo"></p>
</body>

//js里的主要代码
<script>
    wx.ready(function () {
        //自动执行的
        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 p = document.createElement("p");
    //设置 p 属性,如 id
    p.setAttribute("id", "imgp");
     var _html="";
    for(var i in res.localIds){
           var photoSrc=res.localIds[i];
           _html=_html+'
图片'+i+':<img src="&#39;+photoSrc+&#39;" height="200" width="200" />\n';
    }
  p.innerHTML = _html;
  parent.appendChild(p);
 </script>

以上是微信jssdk介面得到的圖片顯示問題的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn