问题描述
我想在 Gatsby 中从多篇博文中查询图像。每个文件的命名由以下方式组成。
- blog-post1-preview.jpg
- blog-post2-preview.jpg
- blog-post3-preview.jpg
- blog-post1.jpg
我只想选择名称中包含-preview.jpg 的图像，但我想选择所有并在稍后循环遍历。目前我有一个 graphql 查询，它使用正则表达式只选择其中一个。
query MyQuery {
file(absolutePath: {regex: "/preview.jpg$/"}) {
childrenImageSharp {
fluid {
originalName
}
}
}
}
但是，这只会返回名称中包含 preview.jpg 的图像之一。在上面的例子中，它会返回 blog-post3-preview.jpg 而不是 1 或 2。我怎样才能返回全部 3 个？
解决方法
我找到了解决方案，我原来的正则表达式运行良好。但是，我需要使用 file() 以外的不同查询路径，因为这似乎只返回文件系统中的一个节点。
这是对我有用的查询。
query MyQuery {
allImageSharp(filter: {fluid: {originalName: {regex: "/preview.jpg$/"}}}) {
edges {
node {
fluid {
originalName
originalImg
}
}
}
}
}