layui.photos()动态加载图片报错的原因

57 篇文章 0 订阅

修改的layer.js
在这里插入图片描述
在这里插入图片描述
点击出现相册集,
在这里插入图片描述
上传动态添加的图片,
在这里插入图片描述
报错src undefined的问题。因为只有我们点击了已经存在的图片的时候,新加进去的图片才会被发现,被photos.data这个数组所容纳。所以如果你直接点击新加进去的图片,就是undefined
出现这种情况,所以修改的layer.js

二、上传图片查看大图
在这里插入图片描述

在这里插入图片描述

 // 上传图片预览
            $(document).on("click", ".imgSelect", function () {
                var imgNew = new Image();
                imgNew.src = $(this).prop("src");

                imgNew.onload = function () {
                    var imgW = imgNew.width;
                    var imgH = imgNew.height
                    if (Number(imgW) - Number(imgH) > 0) {
                        if (Number(imgW) > 600) {
                            imgH = (600 / imgW) * imgH;
                            imgW = 600;
                        }
                    }
                    if (Number(imgH) - Number(imgW) > 0) {
                        if (Number(imgH) > 600) {
                            imgW = (600 / imgH) * imgW;
                            imgH = 600;
                        }
                    }

                    var htmlstr = '<img src="' + $(this).prop("src") + '" style="width: ' + imgW + 'px; height: ' + imgH + 'px;max-width: 600px; max-height: 600px;">';
                    layer.open({
                        type: 1,
                        title: false,
                        closeBtn: 0,
                        //area: ["auto"],
                        area: [imgW + 'px', imgH + 'px'],
                        skin: 'layui-layer-nobg', //没有背景色
                        shadeClose: true,
                        content: htmlstr
                    });
                }
            })
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值