美文网首页
图片的操作(预览)

图片的操作(预览)

作者: 记录学习生活 | 来源:发表于2021-01-19 11:33 被阅读0次

api地址:API > 媒体 > 图片

预览图片。uni.previewImage(OBJECT)

OBJECT 参数说明
详细参数请浏览 uni.previewImage(OBJECT)

示例
// 从相册选择6张图
uni.chooseImage({
    count: 6,
    sizeType: ['original', 'compressed'],
    sourceType: ['album'],
    success: function(res) {
        // 预览图片
        uni.previewImage({
            urls: res.tempFilePaths,
            longPressActions: {
                itemList: ['发送给朋友', '保存图片', '收藏'],
                success: function(data) {
                    console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
                },
                fail: function(err) {
                    console.log(err.errMsg);
                }
            }
        });
    }
    });

TIPS

1、在非H5端,previewImage是原生实现的,界面自定义灵活度较低。
2、插件市场有前端实现的previewImage,性能低于原生实现,但界面可随意定义;插件市场也有适于App端的previewImage原生插件,提供了更多功能。

相关文章

网友评论

      本文标题:图片的操作(预览)

      本文链接:https://www.haomeiwen.com/subject/meajnktx.html