vue项目中使用微信jssdk如何实现调用微信相册并将图片上传-创新互联
vue项目中使用微信jssdk如何实现调用微信相册并将图片上传?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
成都创新互联公司是一家专注于做网站、网站建设与策划设计,城西网站建设哪家好?成都创新互联公司做网站,专注于网站建设10多年,网设计领域的专业建站公司;建站业务涵盖:城西等地区。城西做网站价格咨询:028-86922220vue 使用微信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=mp1421141115 getSignatureApi(dataJ).then(res=>{//调用获取签名方法 wx.config({ debug: false, appId: '12312312312312', // 必填,公众号的标识 timestamp:timestamp , // 必填,生成签名的时间戳 nonceStr: noncestr, // 必填,生成签名的随机串 signature:res.signature, jsApiList: [ 'chooseImage',//选择图片 'uploadImage'//上传图片 ] // 必填,需要使用的JS接口列表 }); }) }
新闻标题:vue项目中使用微信jssdk如何实现调用微信相册并将图片上传-创新互联
转载源于:http://pwwzsj.com/article/dhgceh.html