<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
wx.config({
//debug: true,
appId: '{{$sites.appid}}',
timestamp: {{$timestamp}},
nonceStr: '{{$noncestr}}',
signature: '{{$signature}}',
jsApiList: [
'chooseImage',//拍照或從手機相冊中選圖接口
'previewImage',//預覽圖片接口
'uploadImage',//上傳圖片接口
'downloadImage', //下載圖片接口
]
});
wx.ready(function(){
document.querySelector('#upimg').onclick = function(){
//選擇照片
wx.chooseImage({
count: 1, //張數, 默認9
sizeType: ['compressed'], //建議壓縮圖
sourceType: ['album', 'camera'], // 來源是相冊、相機
success: function (res) {
var localIds = res.localIds.toString();
$("#faceImg").attr("src", localIds);//顯示圖片到頁面上
//上傳至微信服務器
wx.uploadImage({
localId: localIds, // 需要上傳的圖片的本地ID,由chooseImage接口獲得
success: function (res) {
var serverId = res.serverId; // 返回圖片的服務器端ID
$.ajax({
type:"POST",
url:"/api/index.php?type=wechat&m=activitymanage&a=downFile",
data:"serverid="+serverId+"&access_token={{$access_token}}",
dataType:"json",
success:function(msg){
if(msg.status){
$("#picpath").val(msg.filename);
}
}
});
}
});
}
});
};
});
</script>
php代碼
/**
* 根據serverId將微信服務器上的圖片保存至服務器
*
*/
public function downFile()
{
$this->_globals();
$accessToken = $_POST["access_token"];
$media_id = $_POST["serverid"];
$str = date('YmdHis').random(12).'.jpg';
$targetName = dirname(dirname(dirname(dirname(dirname(dirname(__FILE__)))))) . '/uploads/'.$str;
$ch = curl_init("http://file.api.weixin.qq.com/cgi-bin/media/get?access_token={$accessToken}&media_id={$media_id}");
$fp = fopen($targetName, 'wb');
curl_setopt($ch, CURLOPT_FILE, $fp);
curl_setopt($ch, CURLOPT_HEADER, 0);
$msg["status"] = curl_exec($ch);
$msg["filename"] = $str;
curl_close($ch);
fclose($fp);
echo json_encode($msg);
die();
}