av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

vue 使用微信jssdk,調用微信相冊上傳圖片功能

瀏覽:156日期:2022-06-11 08:22:41

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=>{//調用獲取簽名方法 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, // 默認9 sizeType: [’original’, ’compressed’], // 可以指定是原圖還是壓縮圖,默認二者都有 sourceType: [’album’, ’camera’], // 可以指定來源是相冊還是相機,默認二者都有 success: function (res) { let localId=res.localIds;//獲取到本地localIds wx.uploadImage({//上傳到微信服務器 localId: localId.toString(), // 需要上傳的圖片的本地ID,由chooseImage接口獲得 isShowProgressTips: 1, // 默認為1,顯示進度提示 success: function (ret) {} }); } }); }}

補充知識:Vue公眾號開發調用微信掃一掃接口實現掃碼功能(JSSDK)

1、安裝、引用微信js-sdk

#通過yarn安裝 yarn add weixin-js-sdk

#通過npm安裝 npm i weixin-js-sdk

項目中的引用 import wx from ’weixin-js-sdk’

2、調用sign接口傳入當前環境的url、公眾號簽名信息

vue 使用微信jssdk,調用微信相冊上傳圖片功能

3、methods(數據處理)

wx.scanQRCode 調用微信的掃一掃接口(官方文檔地址可查看參數介紹)

needResult 默認為0,掃描結果由微信處理,1則直接返回掃描結果(根據自己的項目需求)

resultStr 二維碼中攜帶的參數 (needResult為1時,掃碼返回結果)

處理掃碼后的參數并賦值,調用項目中的接口跳轉頁面等操作(根據自己的項目需要)

vue 使用微信jssdk,調用微信相冊上傳圖片功能

以上這篇vue 使用微信jssdk,調用微信相冊上傳圖片功能就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: 微信
主站蜘蛛池模板: 伊人网站 | 一区二区三区四区视频 | 99亚洲精品| 一级片久久 | 成年人视频在线播放 | 国产精品国产精品国产专区不卡 | 成人黄色在线视频 | 久久精品一区二区 | 一区二区三区在线观看视频 | 天天色天天 | 精品蜜桃一区二区三区 | 欧美一区二区三区在线观看 | 久久三级视频 | 亚洲播放 | 天天插天天插 | 香蕉视频国产 | 欧美精品www | 手机成人在线视频 | 中文在线观看免费高清 | 亚洲观看黄色网 | 久久综合av| 成人三级晚上看 | 亚洲天堂久久 | 午夜精品视频在线观看 | 亚洲一级免费视频 | 成人在线观看网站 | 日韩黄色在线视频 | 免费在线观看毛片 | av黄色片 | 伊人久久中文字幕 | 成人综合网站 | 国产福利在线观看 | 青青视频网 | 精品久久精品 | 一区二区三区视频 | 一级黄色免费视频 | 激情综| 成年人黄色 | 国产精品羞羞答答 | 嫩草嫩草嫩草嫩草 | 欧美一区二区三区在线观看视频 |