欧美vvv,亚洲第一成人在线,亚洲成人欧美日韩在线观看,日本猛少妇猛色XXXXX猛叫

以前寫(xiě)過(guò)小程序網(wǎng)絡(luò)和本地圖片到相冊(cè)的方法：，寫(xiě)過(guò)上傳一張或多張圖片到阿里云OSS， 寫(xiě)過(guò)小程序加載本地圖片路徑問(wèn)題，這次寫(xiě)個(gè)布局關(guān)于多張圖片上傳。

效果圖

思路： 整體圖片選擇使用一個(gè)view控件，前面選中的圖片為一個(gè)block根據(jù)選擇圖片的數(shù)量來(lái)顯示多少個(gè)微信小程序上傳圖片到oss，后面的選擇圖片按鈕為一個(gè)view。選中圖片上面的刪除按鈕，使用絕對(duì)定位和相對(duì)定位來(lái)處理。添加圖片，刪除圖片，點(diǎn)擊選中圖片查看大圖等添加一個(gè)點(diǎn)擊事件

考慮問(wèn)題： 1.上傳的多少?gòu)垐D片？ 2.上傳后想刪除？ 3.如何控制布局，用好用flex布局。

關(guān)鍵代碼:

 /** 選擇圖片 */
  chooseImage: function () {
    var that = this;
    wx.chooseImage({
      count: 9 - that.data.imgArr.length,
      sizeType: ['original', 'compressed'], 
      sourceType: ['album', 'camera'], 
      success: function (res) {
        if (res.tempFilePaths.count == 0) {
          return;
        }
        //上傳圖片
        var imgArrNow = that.data.imgArr;
        imgArrNow = imgArrNow.concat(res.tempFilePaths);
        that.setData({
          imgArr: imgArrNow
        })
        that.chooseViewShow();
      }
    })
  },

復(fù)制

代碼中的9是中最多傳9張圖片，圖片類型是否為壓縮，圖片來(lái)源是相冊(cè)還是相機(jī)。

/** 刪除圖片 */
  deleteImv: function (e) {
    var imgArr = this.data.imgArr;
    var itemIndex = e.currentTarget.dataset.id;
    imgArr.splice(itemIndex, 1);
    this.setData({
      imgArr: imgArr
    })
    //判斷是否隱藏選擇圖片
    this.chooseViewShow();
  },

復(fù)制

刪除照片，改變布局格式顯示。

/** 是否隱藏圖片選擇 */
  chooseViewShow: function () {
    if (this.data.imgArr.length >= 9) {
      this.setData({
        chooseViewShow: false
      })
    } else {
      this.setData({
        chooseViewShow: true
      })
    }
  },
  /** 顯示圖片 */
  showImage: function (e) {
    var imgArr = this.data.imgArr;
    var itemIndex = e.currentTarget.dataset.id;
    wx.previewImage({
      current: imgArr[itemIndex], // 當(dāng)前顯示圖片的http鏈接
      urls: imgArr // 需要預(yù)覽的圖片http鏈接列表
    })
  },

復(fù)制

用到系統(tǒng)自帶的方法微信小程序上傳圖片到oss，點(diǎn)擊圖片預(yù)覽大圖。

demo地址為：