在 Shopify 中获取博客文章的图片

Question

我必须修改一个带有博客的 Shopify 网站，该博客使用 {{ article.content }} 提取博客文章的内容。这个方法获取了一篇文章的全部内容，但是我需要单独获取图片。我指的不是 'main' 图片，而是博客文章内容包含的所有图片。我怎样才能做到这一点？如果我能得到一个包含图像路径的 JS 数组，那就太棒了。

Answer 1

假设您的文章在 div 中。喜欢

<div class="article-content">{{ article.content }}</div>

现在我们可以把那个div下面的所有图片放到一个数组中了。

$(document).ready(function(){

  // To save all images in an array named img_array
  var img_array = $('.article-content img').map(function() {
    return $(this).attr("src");
  });

  // You can run a for loop to display the images in the array.
  for (var i=0; i<img_array.length; i++) {
    alert(img_array[i]);
  }
});

如果有帮助请告诉我。

参考：Get inside all images in array using jquery?

在 Shopify 中获取博客文章的图片

Get the images of a blog article in Shopify

javascript

jquery

shopify