1.在根目錄下的/Application/Home/View/Sdk文件夾中的index.html文件展示：
~~~
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button id="btn1" style="width:80%;height:300px;font-size:100px;background:green;">圖像接口的使用</button>
</body>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
/*
* 注意：
* 1. 所有的JS接口只能在公眾號綁定的域名下調用，公眾號開發者需要先登錄微信公眾平臺進入“公眾號設置”的“功能設置”里填寫“JS接口安全域名”。
* 2. 如果發現在 Android 不能分享自定義內容，請到官網下載最新的包覆蓋安裝，Android 自定義分享接口需升級至 6.0.2.58 版本及以上。
* 3. 常見問題及完整 JS-SDK 文檔地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
*
* 開發中遇到問題詳見文檔“附錄5-常見錯誤及解決辦法”解決，如仍未能解決可通過以下渠道反饋：
* 郵箱地址：weixin-open@qq.com
* 郵件主題：【微信JS-SDK反饋】具體問題
* 郵件內容說明：用簡明的語言描述問題所在，并交代清楚遇到該問題的場景，可附上截屏圖片，微信團隊會盡快處理你的反饋。
*/
wx.config({
debug: false,
appId: '<?php echo $data["appId"];?>',
timestamp: <?php echo $data["timestamp"];?>,
nonceStr: '<?php echo $data["nonceStr"];?>',
signature: '<?php echo $data["signature"];?>',
jsApiList: [
'checkJsApi',
'chooseImage'
]
});
var bnt1=document.getElementById("btn1");
bnt1.onclick=function(){
wx.chooseImage({
count: 1, // 默認9
sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖，默認二者都有
sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機，默認二者都有
success: function (res) {
var localIds = res.localIds; //
document.write("<img src="+localIds+">");
}
});
}
wx.ready(function () {
wx.checkJsApi({
jsApiList: ['chooseImage'], // 需要檢測的JS接口列表，所有JS接口列表見附錄2,
success: function(res) {
// 以鍵值對的形式返回，可用的api值true，不可用為false
// 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
}
});
});
</script>
</html>
~~~
2.結果展示為：
3.點擊圖像接口的使用按鈕，可以選擇一張圖片
4.點擊完成展示圖片
5.本節源碼下載（下載密碼：h267）
[源碼下載](https://pan.baidu.com/s/1xN6R5ZMxsMQnBTaCPvE88w)
