微信JSSDK实现打开摄像头拍照再将相片保存到服务器

时间:2021-05-18

在微信端打开手机摄像头拍照,将拍照图片保存到服务器上需要使用到微信的JSSDK接口,主要使用到了拍照或从手机相册中选图接口(chooseImage),上传图片接口(uploadImage)

参考资料:

https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

https://pressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有 success: function (res) { var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片 uploadImage(localIds.toString()) } }); }) }); /** * 上传图片到微信服务器 */ function uploadImage(localIds) { wx.uploadImage({ localId: localIds, // 需要上传的图片的本地ID,由chooseImage接口获得 isShowProgressTips: 1, // 默认为1,显示进度提示 success: function (res) { var serverId = res.serverId; // 返回图片的服务器端ID downloadImage(serverId.toString()); }, fail: function() { //上传图片到微信服务器失败 alert('上传图片到微信服务器失败'); return false; } }); } /** * 将微信服务端的图片下载到本地服务器 */ function downloadImage(serverId) { //url表示php接口地址 //serverId表示图片的服务器端ID $.post(url, {'media_id':serverId}, function(data) { if (data.type == 'success') { //上传成功 alert(data.url); } else { //上传失败 alert(data.message) } }); }JS;$this->registerJs($JS);?>

根据如上代码就可以实现微信端打开摄像头拍照再将相片保存到服务器功能

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章