찾다
위챗 애플릿위챗 개발WeChat jssdk 인터페이스에서 얻은 사진 표시 문제

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

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

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="WeChat jssdk 인터페이스에서 얻은 사진 표시 문제" >\n&#39;;
    }
  p.innerHTML = _html;
  parent.appendChild(p);
 </script>

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

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

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

VSCode Windows 64비트 다운로드

VSCode Windows 64비트 다운로드

Microsoft에서 출시한 강력한 무료 IDE 편집기

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전

ZendStudio 13.5.1 맥

ZendStudio 13.5.1 맥

강력한 PHP 통합 개발 환경

SublimeText3 영어 버전

SublimeText3 영어 버전

권장 사항: Win 버전, 코드 프롬프트 지원!

Atom Editor Mac 버전 다운로드

Atom Editor Mac 버전 다운로드

가장 인기 있는 오픈 소스 편집기