<output id="qn6qe"></output>

    1. <output id="qn6qe"><tt id="qn6qe"></tt></output>
    2. <strike id="qn6qe"></strike>

      亚洲 日本 欧洲 欧美 视频,日韩中文字幕有码av,一本一道av中文字幕无码,国产线播放免费人成视频播放,人妻少妇偷人无码视频,日夜啪啪一区二区三区,国产尤物精品自在拍视频首页,久热这里只有精品12

      Vue開發微信公眾號上傳圖片

      ?

       處理思路:

      1. 從服務器獲取微信配置參數,進行微信配置
      2. 選擇本地圖片,獲取圖片base64輸出
      3. 將base64圖片轉化為文件上傳

       

      關鍵代碼:

      1.獲取配置與選擇本地圖片輸出

      import http from './http'
      import api from './api'
      import wx from "weixin-js-sdk";
      export default {
          getConfig() {
              http
                  .get(api.getWechatConfig, {
                      url: window.location.href
                  }).then(res => {
                      if (res.code == 0) {
                          var config = res.data;
                          wx.config({
                              appId: config.appId, // 必填,公眾號的唯一標識
                              timestamp: config.timestamp, // 必填,生成簽名的時間戳
                              nonceStr: config.nonceStr, // 必填,生成簽名的隨機串
                              signature: config.signature, // 必填,簽名
                              jsApiList: ["checkJsApi", "chooseImage", "previewImage", "getLocalImgData"]
                          });
                      }
                  });
          },
          selectImg(callback) {
              wx.chooseImage({
                  count: 1,
                  success(res) {
                      var localid = res.localIds[0];
                      wx.getLocalImgData({
                          localId: localid,
                          success(res) {
                              var localData = res.localData;
                              if (localData.indexOf("data:image") == 0) {
                                  localData = localData.replace("jgp", "jpeg");
                              } else {
                                  localData = "data:image/jpeg;base64," + localData.replace(/\n/g, "");
                              }
                              callback(localData);
                          }
                      });
                  }
              });
          }
      }

      2.將base64圖片轉為Bob

      dataURItoBlob(dataURI) {
          var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]; // mime類型
          var byteString = atob(dataURI.split(',')[1]); //base64 解碼
          var arrayBuffer = new ArrayBuffer(byteString.length); //創建緩沖數組
          var intArray = new Uint8Array(arrayBuffer); //創建視圖
          for (var i = 0; i < byteString.length; i++) {
              intArray[i] = byteString.charCodeAt(i);
          }
          return new Blob([intArray], {
              type: mimeString
          });
      }

       3.使用multipart/form-data上傳

      var data = new FormData();
      var bob = util.dataURItoBlob(localData);
      data.append("hold_pic", bob);

      記錄于 2020-06-21

      posted @ 2025-09-16 13:59  時代三七  閱讀(12)  評論(0)    收藏  舉報
      主站蜘蛛池模板: 国产肉丝袜在线观看| 精品无人乱码一区二区三区的优势| 精品国产免费第一区二区三区| 国产精品毛片在线完整版| 国产午夜一区二区在线观看| 久久精品国产蜜臀av| 内射老妇bbwx0c0ck| 风韵丰满妇啪啪区老老熟女杏吧 | 99riav国产精品视频| 日本一级午夜福利免费区| 亚洲熟女精品一区二区| 久久超碰97人人做人人爱| 日本一本无道码日韩精品| 免费无码又爽又刺激高潮虎虎视频| 女人被狂躁到高潮视频免费软件| 久久av无码精品人妻出轨| 亚洲最大成人免费av| 国内精品伊人久久久久777| 精品国产女同疯狂摩擦2| 精品久久久久中文字幕APP| 德保县| 国产精品综合在线免费看| 色老头亚洲成人免费影院| 亚洲男人第一无码av网| 中文字幕精品人妻av在线| 国产毛片三区二区一区| 精品亚洲无人区一区二区| 丁香婷婷综合激情五月色| 亚洲综合一区二区精品导航| 亚洲av免费成人在线| 国产午夜精品理论大片| 久草热在线视频免费播放| 国产初高中生粉嫩无套第一次 | 亚洲另类在线制服丝袜国产| 久久精品第九区免费观看| 午夜福利精品国产二区| 热久在线免费观看视频| 亚洲综合色区另类av| 国产精品午夜福利免费看| 久久午夜无码免费| 欧美人成精品网站播放|