>  기사  >  위챗 애플릿  >  WeChat jssdk 인터페이스에서 얻은 사진 표시 문제

WeChat jssdk 인터페이스에서 얻은 사진 표시 문제

PHPz
PHPz원래의
2017-04-04 11:33:182890검색

저는 지난 며칠 동안 이 WeChat 공개 플랫폼의 개발을 연구해 왔습니다
ChooseImage를 사용하고 있습니다인터페이스를 호출하여 사진을 가져왔지만 표시되지 않았습니다. Baidu의 일부 게시물은 그다지 좋은 결과를 얻지 못했습니다. 이제 백업해두겠습니다

WeChatJSDK
S 인터페이스보안구성 시 발생하는 몇 가지 문제 이름을 사용하려면 사용할 수 없는 첫 번째 수준 도메인 이름을 사용해야 합니다. 두 번째 수준 도메인 이름을 사용하고 http 또는 https를 가져올 수 없습니다.
예를 들어 내 테스트 업로드 에서 이미지 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>

위 내용은 WeChat jssdk 인터페이스에서 얻은 사진 표시 문제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.