您的位置:首页 > 移动开发 > 微信开发

微信上传图片

2016-04-25 14:20 477 查看
<script src="resource/js/jquery-1.11.1.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="http://demo.open.weixin.qq.com/jssdk/js/api-6.1.js?ts=1420774989"></script>
<script type="text/javascript">

var images = {
localId: [],
serverId: []
};

wx.config({
debug: false,
appId: '<?php echo $signPackage["appId"];?>',
timestamp: <?php echo $signPackage["timestamp"];?>,
nonceStr: '<?php echo $signPackage["nonceStr"];?>',
signature: '<?php echo $signPackage["signature"];?>',
jsApiList: [
'startRecord',
'stopRecord',
'onRecordEnd',
'playVoice',
'pauseVoice',
'stopVoice',
'uploadVoice',
'downloadVoice',
'chooseImage',
'previewImage',
'uploadImage',
'downloadImage',
]
});

function uploadimg(){

wx.chooseImage({
count: 1, // 默认9
sizeType: ['compressed'], // 可以指定是原图还是压缩图,默认二者都有
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
success: function (res) {
localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
syncUpload(localIds);
}
});
}

var syncUpload = function(localIds){
var localId = localIds.pop();
wx.uploadImage({
localId: localId,
isShowProgressTips: 1,
success: function (res) {

var imageId = res.serverId; // 返回图片的服务器端ID
var userid = $('#用户id').val(); //get user id

$.post('agent_manages.php',{'imageId':imageId,"userid":userid,'参数':'上传个人真实照片'},function(data){
$("#preview").attr("src",data);
})

}
});
};

</script>


<div class="renzheng-img" onclick="uploadimg()">
<div id="localImag"  class="img"><img id="preview" src="<?php if(empty($个人信息['头像'])){echo 'style/renxiang.png' ;} else{ echo $个人信息['头像']; }  ?>"  style="display: block;"></div>
<p class="word">请上传个人真实照片头像</p>
</div>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: