溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何解決微信jssdk接口得到圖片的顯示問題

發(fā)布時間:2021-09-14 10:17:24 來源:億速云 閱讀:277 作者:小新 欄目:移動開發(fā)

這篇文章給大家分享的是有關如何解決微信jssdk接口得到圖片的顯示問題的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。

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

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

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 () {
        //自動執(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 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="'+photoSrc+'" height="200" width="200" />\n';
    }
  p.innerHTML = _html;
  parent.appendChild(p);
 </script>

感謝各位的閱讀!關于“如何解決微信jssdk接口得到圖片的顯示問題”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

AI