JavaScript 或 Jquery 如何在字符串中拆分 url

Question

我发现在同一个字符串中拆分网址非常困难。在数据库中，我有几列包含一个或多个 url，我试图将它们拆分，以便将它们转换为图像并使其可点击。问题是，它们是 jpg、jpeg 和 png 三种图像。

View Multiple URLS

到目前为止我尝试过的：

  function validateImages(imageList) {
    var png = imageList.split('png');
    var jpeg = imageList.split('jpeg');
    var jpg = imageList.split('jpg');
    var all = png + jpeg + jpg;

    var validatedStr = '';

    for (var i = 0; i < all.length; i++) {
        validatedStr += "<a href='" + all[i] + "' target='_blank'><img src='" + all[i] + "' style='width=50px; height: 50px;' /></a>";
    }

    return validatedStr;
  }

有什么想法吗？

Answer 1

提取包含 jpg、png、jpeg 的文件名并将其添加到数组中。检索数组的第一个元素，您将获得图像的名称，您可以轻松地在其上附加一些内容或将值存储在另一个数组中，然后循环它们..

var myString = "https://www.route.com/path/subpath/image1.jpg https://www.route.com/path/subpath/image2.png";
var myRegexp = /\w+\.(jpg|png|jpeg)/g;

var array1 = []

while ((array1 = myRegexp.exec(myString)) !== null) {
  console.log('Result', array1[0]);

}