ホームページ > 記事 > WeChat アプレット > WeChat jssdkインターフェースで取得した画像表示の問題
WeChat jssdkインターフェースで取得した画像表示の問題
- PHPzオリジナル
- 2017-04-04 11:33:182900ブラウズ
ここ数日間、私はこの WeChat パブリック プラットフォームの開発問題を研究しています
chooseImage を使用していますインターフェースを呼び出して写真が表示されませんでした。Baiduのいくつかの投稿の結果はあまり良くありませんでしたが、後で、バックアップするために書き留める方法を見つけました
JSDKを使用するときに発生しますSインターフェース
セキュリティドメイン名を構成する場合、第2レベルのドメイン名を使用する必要があり、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="'+photoSrc+'" height="200" width="200" />\n';
}
p.innerHTML = _html;
parent.appendChild(p);
</script>です
以上がWeChat jssdkインターフェースで取得した画像表示の問題の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：WeChatスキャンコード支払いモード次の記事：WeChatスキャンコード支払いモード