新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
vue項目中使用微信jssdk如何實現(xiàn)調(diào)用微信相冊并將圖片上傳-創(chuàng)新互聯(lián)
vue項目中使用微信jssdk如何實現(xiàn)調(diào)用微信相冊并將圖片上傳?針對這個問題,這篇文章詳細介紹了相對應的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。
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=mp1421141115 getSignatureApi(dataJ).then(res=>{//調(diào)用獲取簽名方法 wx.config({ debug: false, appId: '12312312312312', // 必填,公眾號的標識 timestamp:timestamp , // 必填,生成簽名的時間戳 nonceStr: noncestr, // 必填,生成簽名的隨機串 signature:res.signature, jsApiList: [ 'chooseImage',//選擇圖片 'uploadImage'//上傳圖片 ] // 必填,需要使用的JS接口列表 }); }) }
當前文章:vue項目中使用微信jssdk如何實現(xiàn)調(diào)用微信相冊并將圖片上傳-創(chuàng)新互聯(lián)
轉(zhuǎn)載來于:http://fisionsoft.com.cn/article/dhgceh.html