Picture display problem obtained by WeChat jssdk interface

I have been studying the development of this WeChat public platform in the past few days
I am using chooseImageInterface Called to obtain the picture but it was never displayed. Some posts on Baidu did not turn out very well. Later, I finally figured out how to display it. Now I write it down. Make a backup

Some problems encountered when using WeChatJSDK
When configuring the S interfacesecuritydomain name, you need to use the first-level domain name. You cannot Use a second-level domain name, and cannot bring http or https
For example, in my testUploadimage URL is

applinzi.com

---

//html里的主要代码

 上传图片的测试
 图像接口
      <span>拍照或从手机相册中选图接口</span>
      <button>chooseImage</button>
    <span>图片预览</span>
    <p></p>


//js里的主要代码
<script>
    wx.ready(function () {
        //自动执行的
        wx.checkJsApi({
            jsApiList: [
                &#39;chooseImage&#39;,
            ],
            success: function (res) {
                // alert(JSON.stringify(res));
                // alert(JSON.stringify(res.checkResult.getLocation));
                // if (res.checkResult.getLocation == false) {
                    // alert(&#39;你的微信版本太低，不支持微信JS接口，请升级到最新的微信版本！&#39;);
                    // 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(&#39;photo&#39;);
     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+&#39;
图片&#39;+i+&#39;:<img  src="/static/imghwm/default1.png"  data-src="&#39;+photoSrc+&#39;"  class="lazy"      style="max-width:90%"  style="max-width:90%" / alt="Picture display problem obtained by WeChat jssdk interface" >\n&#39;;
    }
　　p.innerHTML = _html;
　　parent.appendChild(p);
 </script>

The above is the detailed content of Picture display problem obtained by WeChat jssdk interface. For more information, please follow other related articles on the PHP Chinese website!