previewImage
previewImage là API cho phép mở một cửa sổ lớn để xem hình ảnh.
Tham số
| Thuộc tính | Kiểu dữ liệu | Bắt buộc | Mô tả |
|---|---|---|---|
| urls | string | ✓ | Mảng các đường dẫn hình ảnh, chỉ hỗ trợ remote url và các hình có sẵn trong thiết bị. |
| current | number | Chỉ định hình ảnh đầu tiên muốn hiển thị, mặc định là 0. | |
| enablesavephoto | boolean | Hiển thị option cho phép user Lưu hình ảnh khi nhấn giữ lâu (long press) vào hình. | |
| enableShowPhotoDownload | boolean | Hiển thị nut Download ở dưới footer. | |
| success | Function | Callback function khi hình ảnh hiển thị thành công. | |
| fail | Function | Callback function khi hình ảnh hiển thị bất thành. | |
| complete | Function | Callback function khi gọi API hoàn tất bất kể việc hiển thị hình ảnh thành công hay thất bại. |
Ví dụ
import apis from '@v-miniapp/apis'
function onPreview() {
apis.previewImage({
urls: [
"https://www.w3schools.com/html/pic_trulli.jpg",
"https://www.w3schools.com/html/img_chania.jpg",
"https://www.w3schools.com/html/img_girl.jpg",
],
enablesavephoto: this.data.enablesavephoto,
enableShowPhotoDownload: this.data.enableShowPhotoDownload,
success: (res) => {
console.log("success", res);
},
fail: (err) => {
console.log("fail", err);
},
});
}