用(yòng)了(le)很(hěn)多(duō)方法，但(dàn)是(<©shì)用(yòng)h5自(zì)帶的(de♦φ∑) 方法 效果很(hěn)不(bù)好(hǎo)，由于是(πα≤&shì)在微(wēi)信中展示的(de)頁面。所以用(yòng)了(¶✘"↑le)微(wēi)信的(de)組件(jiàn)：
貼代碼：
微(wēi)信sdk 代碼略
<script src="jquery.js"&gπ→αt;</script>
<script src="stat∑÷ic/js/jweixin-1.0.0.js"&g¶§ ↑t;</script>
<script>
wx.config({
debug: fa ₹lse,
appId: '<?p✘α hp echo $signPackage["appId"]σ";?>',
timestamp: <?₹§≥php echo $signPackage[&q & uot;timestamp"];?>,
nonceStr: '<?p "♣♣hp echo $signPackage[&q→÷₽♠uot;nonceStr"];?>₩£¥',
signature: '&©♣β♦lt;?php echo $signPackage["™φsignature"];?>₹×✘♠;',
jsApiList: [
//•→ 所有(yǒu)要(yào)調用(yòng)的(d> ±e) API 都(dōu)要(yào)加到(dào)這(zhè)個(gè)π≥列表中
'chooseImage',
'previewImage', &n← bsp;
'uploadImage', £≤∞≤
'downloadImage' &nbs₹∏±p;
]
});
// 在這(zhè)裡(lǐδ ↓®)調用(yòng) API
var tupian = &quoβ¶t;";
// 5.1 拍(pāi)照(zhào) γ←€、本地(dì)選圖
var images = {
localI•♠≤d: [],
serverId: []
};
document.querySelector('#ch÷♠ooseImage').onclick = function (≥≤) {
wx.chooseImage({
success: funcε₹€tion (res) {
↕β±; images.localId = res.localIds;
alert('已選'₩擇 ' + res.localIds.leng §↔th + ' 張圖片');
/* *** 選擇結束 &nbs★ p;上(shàng)傳開(kāi)始 。 */
var i = 0↔≠, length = images.localId.length;
images.serverId =♥→•Ω [];
wx.uploadImage({
&n★₩→bsp; localId: images.localId[i],
suc₹☆&→cess: function (res) ↓☆±"{
&n÷>bsp; i++;
•© alert('已上(shàng)傳：' β↓∑≠+ i + '/' + length);
&n≤↑bsp; images.serverId€φ.push(res.serverId);
tupian = res.serve €αrId;
document.getElemen€¥£↔tById("img").innerH₽ TML="<img src∑δ='http://file.api.weixin.qq.c☆±β☆om/cgi-bin/media/get?access_token=&÷σlt;? echo $jssdk->getAccε" ★essToken(); ?>&₽βmedia_id="+tupian+&qu¶βεot;' />";
document.getElem♥÷entById("imgdiv").innerHTMLσ₹λ≈="http://file.api.we∏Ω≥ixin.qq.com/cgi-bin/media/get?accα♣ $ess_token=<? echo &nb¶<§★sp; $jssdk->getAccessToken(); ?&&§gt;&media_id="+tupiaε¥n;
&≥¥↔nbsp; if (i <γ♦; length) {
&nbs'€p; upload();
&nbπ±βsp; }
ε¥ },
≤✔☆•fail: function (res) {
alεΩ "ert(JSON.stringify(res));
§∞♦'}
});
/* * * */
}
});
};
</script>
在上(shàng)面的(de)代碼中，上(shàn☆≠γ↕g)傳圖片的(de)圖片還(hái)在微(wēi)信的(de) &nbs≠×p;服務器(qì)上(shàng)，提交訂單後，可(kě'δ)以根據微(wēi)信服務上(shàng)圖片的(de)地(™★dì)址，保存包本地(dì)服務器(qì)即可(kě)。
