国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

微信小程序chooseImage和previewImage使用方法

k00baa / 1934人閱讀

摘要:今天嘗試了微信小程序的圖片功能,選擇圖片和預(yù)覽圖片,開發(fā)工具是最新版哈。

今天嘗試了微信小程序的圖片功能,選擇圖片和預(yù)覽圖片,開發(fā)工具是最新版哈
具體如下:
wxml文件:

選擇圖片

    
        
    

js文件:

data: {
    imagesList: []
  },
  chooseImage: function () {
    var that = this
    wx.chooseImage({
      count: 9, // 默認(rèn)9
      sizeType: ["original", "compressed"], // 可以指定是原圖還是壓縮圖,默認(rèn)二者都有
      sourceType: ["album", "camera"], // 可以指定來源是相冊(cè)還是相機(jī),默認(rèn)二者都有
      success: function (res) {
        console.log(res)
        // 返回選定照片的本地文件路徑列表,tempFilePath可以作為img標(biāo)簽的src屬性顯示圖片
        var tempFilePaths = res.tempFilePaths
        that.setData({
          imagesList: tempFilePaths
        })
        console.log(tempFilePaths)
      }
    })
  },
  previewImage: function (e) {
    var current = e.target.dataset.src;
    wx.previewImage({
      current: current, // 當(dāng)前顯示圖片的http鏈接  
      urls: this.data.imagesList // 需要預(yù)覽的圖片http鏈接列表  
    })
  },

wxss文件:

.loadpic{
  margin: 20px auto;
  width: 500rpx;
  height: 80rpx;
  background: #d34c17;
  text-align: center;
  color: white;
  line-height: 80rpx;
}
.previewimg{
  padding: 10rpx;
  float: left;
}
.image{
  display: block;
  width: 200rpx;
  height: 200rpx;
}
.showPic{
  margin: 0 auto;
  width: 90%;
}

無論本地還是真機(jī)測(cè)試都可以哈!!!開始在網(wǎng)上找資料,找了好多都不成功,最后自己慢慢調(diào)試成功了!!!哭一個(gè)!!

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/91845.html

相關(guān)文章

  • 信小程序:截圖組件welCropper,實(shí)現(xiàn)原理及其使用

    摘要:最近做項(xiàng)目的時(shí)候,需要做一個(gè)截圖功能。因?yàn)樗裕妥约簞?dòng)手寫了一個(gè)截圖組件。下面介紹一下實(shí)現(xiàn)原理和使用方法。用來繪制適應(yīng)屏幕比例大小的圖片,因?yàn)橥ǔT瓐D大小是超過屏幕長(zhǎng)寬的。 showImg(http://upload-images.jianshu.io/upload_images/2158535-2c383e1129188a2a.png?imageMogr2/auto-orient/...

    jay_tian 評(píng)論0 收藏0
  • 信小程序學(xué)習(xí)與wepy框架的使用詳解

    摘要:,至此咱們的微信小程序的簡(jiǎn)單使用及了解算是分享完了,畢竟個(gè)人也是道行有限,沒有鉆研太深,這些只是本人在實(shí)際項(xiàng)目開發(fā)過程中用到和總結(jié)的經(jīng)驗(yàn),有太多不足或不對(duì)的地方,希望大家多多給予指出與改正,咱們一起來共同學(xué)習(xí)與進(jìn)步 微信小程序是一種不需要下載安裝即可使用的應(yīng)用,在國(guó)內(nèi)它在企業(yè)推廣中的受歡迎度以及就這兩年的使用及普及熱度,然而就是因?yàn)樗膫涫軞g迎度以及越來越被企業(yè)所重視,也就形成了咱們開...

    sf190404 評(píng)論0 收藏0
  • 信小程序學(xué)習(xí)與wepy框架的使用詳解

    摘要:,至此咱們的微信小程序的簡(jiǎn)單使用及了解算是分享完了,畢竟個(gè)人也是道行有限,沒有鉆研太深,這些只是本人在實(shí)際項(xiàng)目開發(fā)過程中用到和總結(jié)的經(jīng)驗(yàn),有太多不足或不對(duì)的地方,希望大家多多給予指出與改正,咱們一起來共同學(xué)習(xí)與進(jìn)步 微信小程序是一種不需要下載安裝即可使用的應(yīng)用,在國(guó)內(nèi)它在企業(yè)推廣中的受歡迎度以及就這兩年的使用及普及熱度,然而就是因?yàn)樗膫涫軞g迎度以及越來越被企業(yè)所重視,也就形成了咱們開...

    stormjun 評(píng)論0 收藏0
  • 信小程序學(xué)習(xí)與wepy框架的使用詳解

    摘要:,至此咱們的微信小程序的簡(jiǎn)單使用及了解算是分享完了,畢竟個(gè)人也是道行有限,沒有鉆研太深,這些只是本人在實(shí)際項(xiàng)目開發(fā)過程中用到和總結(jié)的經(jīng)驗(yàn),有太多不足或不對(duì)的地方,希望大家多多給予指出與改正,咱們一起來共同學(xué)習(xí)與進(jìn)步 微信小程序是一種不需要下載安裝即可使用的應(yīng)用,在國(guó)內(nèi)它在企業(yè)推廣中的受歡迎度以及就這兩年的使用及普及熱度,然而就是因?yàn)樗膫涫軞g迎度以及越來越被企業(yè)所重視,也就形成了咱們開...

    xiao7cn 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<