Picture display problem obtained by WeChat jssdk interface-WeChat Development-php.cn

Picture display problem obtained by WeChat jssdk interface

PHPz

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

Original

2937 people have browsed it

I have been studying the development of this WeChat public platform in the past few days
I am using chooseImage Interface 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里的主要代码
<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>

Copy after login

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!