微信微信JSSDK实现打开摄像头拍照再将相片保存到服务器实现打开摄像头拍照再将相片保存到服务器
主要介绍了微信JSSDK实现打开摄像头拍照再将相片保存到服务器，文中通过示例代码介绍的非常详细，对大
家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
在微信端打开手机摄像头拍照，将拍照图片保存到服务器上需要使用到微信的JSSDK接口，主要使用到了拍照或从手机相册
中选图接口（chooseImage）,上传图片接口（uploadImage）
参考资料：
https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115
https://www.easywechat.com/docs/3.x/material
一：引入微信一：引入微信js
<script src="http://res2.wx.qq.com/open/js/jweixin-1.4.0.js "></script>
二：通过二：通过config接口注入权限验证配置接口注入权限验证配置
wx.config(<?php
echo Yii::$app->wechat->js->config([
'chooseImage',
'uploadImage',
'downloadImage'
])
?>
);
三：微信端拍照接口三：微信端拍照接口
wx.chooseImage({
count: 1, // 默认9
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
success: function (res) {
var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
}
});
四：将照片上传到微信服务器接口四：将照片上传到微信服务器接口
wx.uploadImage({
localId: localIds, // 需要上传的图片的本地ID，由chooseImage接口获得
isShowProgressTips: 1, // 默认为1，显示进度提示
success: function (res) {
var serverId = res.serverId; // 返回图片的服务器端ID
},
fail: function() {
//上传图片到微信服务器失败
return false;
}
});
五：将微信服务器的图片下载到本地服务器五：将微信服务器的图片下载到本地服务器
前端：
//url表示php接口地址
//serverId表示图片的服务器端ID
$.post(url, {'media_id':serverId}, function(data) {
if (data.type == 'success') {
//上传成功
} else {
//上传失败
}
});
php(接口)
public function actionUpload()
{
Yii::$app->response->format = Response::FORMAT_JSON;
$request = Yii::$app->request;
$mediaId = $request->post('media_id');
资源评论
weixin_38744902
- 粉丝: 9
- 资源: 933
最新资源
- 华为FIT AP固件AP5030DN-S-V200R019C00SPC926
- Cocos2d-x教程视频Cocos2d-x 3.x游戏开发中绘图API的使用
- 1234411111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111
- dbeaver-ce-24.2.5-x86-64-setup.exe
- CocosCreator源码资源CocosCreator小白教程小汽车游戏含代码
- AP2030DN-S升级固件，V200R019C00SPC918
- 数据结构（洪运国版）项目八 排序
- 毕业设计《基于SSM学生考勤请假管理系统（可升级SpringBoot）》+项目源码+文档说明
- CocosCreator源码资源CocosCreator地图制作教程含代码
- CocosCreator源码资源CocosCreator插件开发系列教程含代码
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
