WeChatアプレットは写真の撮影とアルバムからの写真の選択を実現します

<!--pages/camera/camera.wxml-->
<表示 
クラス="tui-menu-list" 
id="view1" 
スタイル="display:flex;flex-direction:space-between">
 <ボタン 
  id="b1" 
  サイズ="ミニ"
  タイプ="プライマリ" 
  bindtap="画像を選択">
  画像を取得</button>
 <ボタン 
  id="b2" 
  サイズ="ミニ"
  タイプ="プライマリ"
  bindtap="savePhone">
  保存</button>
</ビュー>
<画像
  src="{{tempFilePaths}}" 
  catchtap="chooseImageTap"
  モード="aspectFit" 
  スタイル="幅:100%;高さ:400px;背景色:#ffffff;">
</画像>

/* ページ/カメラ/カメラ.wxss */
 
.view1 {
  高さ: 25ピクセル
}
 
.tui-メニューリスト{
  ディスプレイ: フレックス;
  flex-direction: 行;
  マージン: 20rpx;
  パディング: 20rpx;
}

// ページ/カメラ/カメラ.js
ページ（{
 
  データ： {
    一時ファイルパス: 'http://pic2.cxtuku.com/00/01/08/b207004f7104.jpg'
  },
  画像を選択: 関数 () {
    var that = this;
    wx.showActionSheet({
      itemList: ['アルバムから選択', '写真を撮る'],
      アイテムカラー: "#CED63A",
      成功: 関数 (res) {
        キャンセルの場合
          res.tapIndex == 0 の場合 {
            that.chooseWxImage('アルバム')
          } そうでない場合 (res.tapIndex == 1) {
            that.chooseWxImage('カメラ')
          }
        }
      }
    })
  },
 
  chooseWxImage: 関数 (型) {
    var that = これ
    wx.chooseImage({
      sizeType: ['オリジナル', '圧縮'],
      ソースタイプ: [タイプ],
      カウント: 1,
      成功: 関数 (res) {
        コンソール.log(res)
        that.setData({
          一時ファイルパス: res.一時ファイルパス[0],
        })
      }
    })
  },
  savePhone: 関数 () {
    wx.getImageInfo({
      ソース: this.data.tempFilePaths、
      成功: 関数 (res) {
        var パス = res.path
        wx.saveImageToPhotosAlbum({
          filePath: パス、
          成功: 関数() {
            wx.showToast({
              タイトル: '保存に成功しました'、
            })
          },
          失敗: 関数 (res) {
            wx.showToast({
              タイトル: 「保存に失敗しました」
              アイコン: 'なし'
            })
          }
        })
      }
    })
  }
})