欧美日韩1234-岳两女共夫互换观看视频-日本不卡一区二区-gogogo高清国语完整-国产区在线-狠久久-男男互操视频-另类国产-欧美人与禽猛交乱配视频-欧美另类一区-久久成人在线视频-国产一级片av-青青草视频播放-欧美三级黄-日日射天天射-在线国产欧美-日韩永久-国产黄色成人-伊人三区-国产午夜精品理论片-999精彩视频-免费看av软件-欧美xxxx喷水-国产蜜臀-美女四肢被绑在床扒衣-日本公妇乱淫-99久久久国产精品无码性

027-81331413

微信小程序圖片壓縮

發布時間:2020-12-13 瀏覽:2860

  小程序上傳圖片要先了解他其中的各個屬性值,在https://developers.weixin.qq.com/miniprogram/dev/api/media-picture.html內有詳細的介紹

  今天在這里主要來講下如何去上傳圖片并進行壓縮,了解下以下屬性值

  

  先來看下頁面展示(點擊上傳圖片,從相冊中選擇,上傳完圖片后又點了一次上傳)

  

  來來來,上代碼

  當然最主要的還是js代碼咯

  45var app = getApp()

  Page({

  data: {

  logo: null,

  pics:[]

  },

  chooseImageTap: function () {

  let _this = this;

  wx.showActionSheet({

  itemList: ['從相冊中選擇', '拍照'],//下面顯示的數組是拍照還是別的

  itemColor: "#f7982a",//顯示文字的顏色

  success: function (res) {

  if (!res.cancel) {//選中判斷

  if (res.tapIndex == 0) {

  _this.chooseWxImage('album')

  } else if (res.tapIndex == 1) {

  _this.chooseWxImage('camera')

  }

  }

  }

  })

  },

  // 繪制圖片到canvas上

  chooseWxImage: function (type) {

  const ctx = wx.createCanvasContext('myCanvas')//畫布

  var that = this;

  wx.chooseImage({//上傳圖片事件

  count: 9,//數量

  sizeType: ['original', 'compressed'],//original 原圖,compressed 壓縮圖,默認二者都有

  sourceType: ['album', 'camera'], //album 從相冊選圖,camera 使用相機,默認二者都有

  success: function (res) {

  console.log(res)

  ctx.drawImage(res.tempFilePaths[0], 0, 0, 100, 100)//成功選定第一張。后面的四個值分別是left,top,width,height,來控制畫布上的圖片的位置和大小

  ctx.draw()

  }

  })

  },

  saveImage: function () {//這里觸發圖片上傳的方法

  var pics = this.data.pics;

  app.uploadimg({

  url: 'https://........',//這里是你圖片上傳的接口

  path: pics//這里是選取的圖片的地址數組