Heim > Artikel > WeChat-Applet > Bildanzeigeproblem durch WeChat jssdk-Schnittstelle

Bildanzeigeproblem durch WeChat jssdk-Schnittstelle

PHPzOriginal: 2017-04-04 11:33:182823Durchsuche

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>

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!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：WeChat-Scancode-ZahlungsmodusNächster Artikel：WeChat-Scancode-Zahlungsmodus

In Verbindung stehende Artikel

Mehr sehen