my.chooseImage

chooseImage

my.chooseImage là API dùng để chụp ảnh bằng camera hoặc chọn hình từ album cục bộ.

Quét mã để trải nghiệm

Hoặc sử dụng link
https://tiki.vn/apps/vn.tiki.miniapp.demo?page=pages/api/image-picker/index

Xem code mẫu trên Tini Studio

Demo

Trải nghiệm thử với trình giả lập bên dưới

API Params

Thuộc tính	Kiểu dữ liệu	Mô tả
count	number	Số lượng tối đa ảnh có thể chọn. Mặc định là 1
sourceType	Array	Chụp hình bằng camera hay lấy hình từ album. Mặc định là cả 2. ['camera, 'album']
success	Function	Callback function khi lấy ảnh thành công.
fail	Function	Callback function khi lấy ảnh bất thành.
complete	Function	Callback function khi gọi API hoàn tất bất kể có lấy được ảnh hay không.

Callback function payload

Thuộc tính	Kiểu dữ liệu	Mô tả
filePaths	Array	Đường dẫn của các ảnh được chọn. Sử dụng đường dẫn này để display image hoặc upload
tempFiles	Array of Objects	Danh sách các ảnh được chọn cùng với các thông tin như path, size, width, height, ...

tempFiles payload

Thuộc tính	Kiểu dữ liệu	Mô tả
path	string	Đường đẫn tạm thời của ảnh
size	number	Dung lượng của ảnh. Đơn vị tính: byte
width	number	Chiều rộng của ảnh. Đơn vị tính: pixel
height	number	Chiều cao của ảnh. Đơn vị tính pixel

Sample Code

<view>
  <block-header title="Usage" description="Pick image from camera or albums" />
  <view class="block-content">
    <button class="button-full" onTap="onChooseImage">Choose Image</button>
  </view>
  <block tiki:for="{{imgs}}">
    <image src="{{item}}" />
  </block>
</view>

Page({
  data: {
    imgs: undefined
  },
  onChooseImage() {
    my.chooseImage({
      count: 5,
      success: (res) => {
        console.log(res);
        this.setData({
          imgs: res.filePaths
        });
      },
      fail: (e) => {
        console.log(e);
      }
    });
  }
});