Bildanzeigeproblem durch WeChat jssdk-Schnittstelle-WeChat-Entwicklung-php.cn

Bildanzeigeproblem durch WeChat jssdk-Schnittstelle

PHPz

Freigeben： 2017-04-04 11:33:18

Original

2938 Leute haben es durchsucht

Ich habe in den letzten Tagen die Entwicklung dieser öffentlichen WeChat-Plattform studiert
Ich verwende ChooseImage Schnittstelle wurde aufgerufen, um das Bild zu erhalten, aber es wurde nicht angezeigt. Einige Beiträge auf Baidu führten nicht zu sehr guten Ergebnissen wie man es anzeigt. Jetzt schreibe ich es auf.

Einige Probleme bei der Verwendung von WeChatJSDK
Beim Konfigurieren der S-SchnittstelleSicherheitDomäne Name, Sie müssen einen Domänennamen der ersten Ebene verwenden, der nicht verwendet werden kann. Verwenden Sie einen Domänennamen der zweiten Ebene und kann weder http noch https mitbringen
In meinem Test lautet beispielsweise Hochladen die Bild-URL

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>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonBildanzeigeproblem durch WeChat jssdk-Schnittstelle. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!