当前位置: 首页 > 工具软件 > Photo Browser > 使用案例 >

APICloud使用photoBrowser模块预览base64图片

华萧迟
2023-12-01

说明:使用的photoBrowser模块版本为1.0.5。
官方文档

HTML部分:

<img onclick="event.stopPropagation();openPhoto(this)"  src="data:image/jpg;base64,{{=it.photoList[m].base64}}" alt="">

Script部分:

<script>
    var photoBrowser;
    apiready = function () {
        add();
        photoBrowser = api.require('photoBrowser');
    };
    // 预览图片
    function oldopenresult(obj) {
        var imagarray = [];
        var picTemp = $(obj).attr("src");
        imagarray.push(picTemp);

        photoBrowser.open({
            images: imagarray,
            bgColor: '#000',
        }, function (ret, err) {
                if (ret) {
                    // 用户点击图片浏览器
                    if ('click' == ret.eventType) {
                        photoBrowser.close();
                    }
                } else {
                    console.log(err);
                }
            });
        }
</script>
 类似资料: