APICloud使用photoBrowser模块预览base64图片

最新推荐文章于 2023-04-07 18:53:03 发布

九月萩

最新推荐文章于 2023-04-07 18:53:03 发布

阅读量233

点赞数

分类专栏：前端文章标签：前端

本文链接：https://blog.csdn.net/weixin_47091394/article/details/125799652

版权

前端专栏收录该内容

19 篇文章 2 订阅

订阅专栏

说明：使用的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>