vue 使用微信jssdk，调用微信相册上传图片

vue 使用微信jssdk

1、引入weixin-js-sdk
npm install weixin-js-sdk

使用文档 https://www.npmjs.com/package/weixin-js-sdk

2、配置 vue中微信jssdk配置

import wx from 'weixin-js-sdk'created(){ //微信jssdk配置let timestamp=new Date().getTime();//时间戳let noncestr=Math.random().toString(36).substr(2);//随机字符串let url = "http://"+window.location.host+'/' ;//获取锚点之前的链接 let dataJ={timestamp,noncestr,url}//获取签名  https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115getSignatureApi(dataJ).then(res=>{//调用获取签名方法wx.config({debug: false,appId: '12312312312312', // 必填，公众号的唯一标识timestamp:timestamp , // 必填，生成签名的时间戳nonceStr: noncestr, // 必填，生成签名的随机串signature:res.signature,jsApiList: ['chooseImage',//选择图片'uploadImage'//上传图片] // 必填，需要使用的JS接口列表});})
}

3、使用

methods: {choseFile:function(id,index){//点击事件选择图片var _this=this;wx.chooseImage({//count: 1, // 默认9sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有success: function (res) {let localId=res.localIds;//获取到本地localIdswx.uploadImage({//上传到微信服务器localId: localId.toString(), // 需要上传的图片的本地ID，由chooseImage接口获得isShowProgressTips: 1, // 默认为1，显示进度提示success: function (ret) {}});}});}
}

vue 使用微信jssdk，调用微信相册上传图片相关推荐

html页面调用微信扫一扫功能,微信JSSDK调用微信扫一扫功能的方法
如何利用微信jssdk调用微信扫一扫功能?具体内容如下 1. 确保有调起微信扫一扫接口权限,测试号可能不行: 2. 导入相关js 3. 页面触发扫码元素 4. 相关js代码 var _appid ...
php调用微信扫一扫功能,微信JSSDK调用微信扫一扫功能的方法
如何利用微信JSSDK调用微信扫一扫功能?具体内容如下 1. 确保有调起微信扫一扫接口权限,测试号可能不行: 2. 导入相关JS 3. 页面触发扫码元素 4. 相关JS代码 var _appId ...
微信JS-SDK调用微信接口方法说明
微信公众平台微信JS-SDK说明文档地址:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 概述微信JS ...
.NET微信网页开发之使用微信JS-SDK调用微信扫一扫功能
前言: 之前有个项目需要调用微信扫描二维码的功能,通过调用微信扫码二维码功能,然后去获取到系统中生成的二维码信息.正好微信JS-SDK提供了调用微信扫一扫的功能接口,下面让我们来看看是如何实现的吧. ...
微信开发 --- 调用微信上传图片接口,并保存到自己的服务器
微信开发 - 调用微信上传图片接口,并保存到自己的服务器整体思路是这样的: 1.先把手机上的图片上传到微信服务器,然后返回一个图片ID 2.在通过后台根据ID从微信后台拿到流,保存到服务器前几个步 ...
vue项目中，使用微信js-sdk打开微信内置导航，唤醒第三方导航，
vue项目中,使用微信js-sdk打开微信内置导航,唤醒第三方导航一.准备工作二.开发须知三.开始安装sdk 四.通过微信的config接口注入权限验证配置附上代码最近在搞vue项目需要在手 ...
SpringMVC实现微信链接分享到朋友圈显示图片功能微信JS-SDK调用步骤
SpringMVC实现微信链接分享到朋友圈显示图片功能微信JS-SDK调用步骤一.登录微信平台 login url:https://mp.weixin.qq.com/ name: your name ...
vue前端移动项目调用微信扫一扫的实现
vue前端移动项目调用微信扫一扫的实现 1安装插件 npm install weixin-jsapi --save 2在main.js中引入 // 在man.js中引入 import wx from ...
使用微信JSSDK自定义微信分享标题、描述、和图标
最近做一个项目的时候用到微信的分享 ,实现定义分享标题,图片,了解到微信在发布JSSDK后,把包括自定义分享在内的众多网页服务接口进行了统一.如果要想自定义分享自己的网页信息给好友或朋友圈,就最好使用 ...
vue spa页面在调用微信jssdk刷新才成功？
今在做调用微信扫一扫时,发现第一次进入页面调用不成功,刷新一下当前页面在调用竟然成功了!!!! 问题原因:项目使用的是vue-router 进行页面切换,都是操作浏览器历史记录,而在ios中浏览器切换 ...

vue 使用微信jssdk，调用微信相册上传图片

vue 使用微信jssdk，调用微信相册上传图片相关推荐

最新文章

热门文章

vue 使用微信jssdk， 调用微信相册上传图片

vue 使用微信jssdk， 调用微信相册上传图片相关推荐

最新文章

热门文章

vue 使用微信jssdk，调用微信相册上传图片

vue 使用微信jssdk，调用微信相册上传图片相关推荐