js遍历图片的url和linkUrl拼接链接

dealPictureInfo: function(json) {
        $.each(json.data, function(i, item) {
            //  “\”为转义字符,  /g代表全局匹配
            var reg = /http:\/\/public-api.nj.pla.xxx.org/g;
            // 将url中的http://public-api.nj.pla.xxx.org 替换为https://m.xxx.com
            var imageUrl = item.url.replace(reg, "https://m.xxx.com");
            //字符串转数组,转换采用(?!/—)分割
            var temp = imageUrl.split(/\/(?!\/)/); //   //(?!/)/
            //把最后一个元素去掉后缀
            temp[temp.length - 1] = temp[temp.length - 1].replace( "_w800_h400_c1_t0.", ".");
            //吧temp数组拼装成字符串,alt代表图片不存在时显示的数字描述,并在图片上添加点击监控,
            imgLi = $('<a><img src="' + temp.join("/") + '" alt="" /></a>').click(function() {
                if (item.linkUrl) {
                    //item.linkUrl中匹配的到“http”,返回源数据,配置不到,返回null,
                    item.linkUrl.match("http") ? null : (item.linkUrl = "https://" + item.linkUrl);
                    //打开新窗口
                    window.open(item.linkUrl);
                } else {
                    return false;
                }
            });
            //在#sildy后追加图片
            $("#slidy").append(imgLi);
        });
    },

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值