recherche

Maison >Applet WeChat >Développement WeChat >Problème d'affichage d'image obtenu par l'interface WeChat jssdk

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

PHPz
PHPzoriginal
2017-04-04 11:33:182933parcourir

J'ai étudié le développement de cette plateforme publique WeChat ces derniers jours
J'utilise ChooseImageInterface 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>

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!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Mode de paiement par code scan WeChatArticle suivant：Mode de paiement par code scan WeChat

Articles Liés

Voir plus