1、使用前提:
官方链接:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html
2、获取wx.config的配置信息:
官方提供的demo:
http://demo.open.weixin.qq.com/jssdk/sample.zip
引入使用获取到需要的配置信息,渲染到页面即可。
因为使用官方的demo不知道出现什么问题,没有解决得了,所以改了改:
https://download.csdn.net/download/weixin_45058929/12067759
3、前端具体代码:
步骤:
因为做的功能是头像上传,所以只传一张图片
先执行chooseImage,选择图片,此时微信会返回选择图片的本地ID,可直接放在SRC属性中,进行图片显示;
再执行uploadImage,把图片上传至微信服务器,会返回需要下载的图片的服务器端ID;
上传完图片之后,发送ajax请求,通过微信提供的接口下载图片到本地服务器;
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script src="__STATIC__/js/showText.js"></script>
<script type="text/javascript">
function chooseImage(){
//阻止冒泡事件
event.stopPropagation();
wx.config({
debug: false,//true为调试模式,所有返回信息会alert出现
appId: "<?php echo $config['appid'] ?>",
timestamp: "<?php echo $config['timestamp'] ?>",
nonceStr: "<?php echo $config['noncestr'] ?>",
signature:"