1. 程式人生 > >js遍歷圖片的url和linkUrl拼接連結

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);
        });
    },