Problème d'affichage d'image obtenu par l'interface WeChat jssdk-Développement WeChat-php.cn

Problème d'affichage d'image obtenu par l'interface WeChat jssdk

PHPz

Libérer： 2017-04-04 11:33:18

original

2836 Les gens l'ont consulté

J'ai étudié le développement de cette plateforme publique WeChat ces derniers jours
J'utilise ChooseImage Interface a été appelée pour obtenir la image mais elle n'a pas été affichée. Certains messages sur Baidu n'ont pas donné de très bons résultats. Plus tard, j'ai finalement compris. comment l'afficher. Maintenant, je l'écris. Faire une sauvegarde

Quelques problèmes rencontrés lors de l'utilisation de WeChatJSDK
Lors de la configuration de l'interface Ssécuritédomaine. nom de domaine, vous devez utiliser un nom de domaine de premier niveau, qui ne peut pas être utilisé. Utilisez un nom de domaine de deuxième niveau et ne peut pas apporter http ou https
Par exemple, dans mon test téléchargement l'URL de l'image est

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>

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!