Rails中如何遍历JSON字段并展示DALL·E 2返回的图片？

前提确认 #

先确保ImageRequest模型的urls字段设置为JSON类型（比如Rails中的json或jsonb），这样从数据库读取时会自动将存储的JSON数据转换为Ruby哈希，无需手动解析。

视图层实现（ERB代码） #

在show.html.erb中，直接遍历urls哈希里的data数组，取出每个元素的url即可展示图片：

<% # 先判断数据是否存在，避免空指针错误 %>
<% if @image_request.urls.present? && @image_request.urls['data'].present? %>
  <% @image_request.urls['data'].each do |image_item| %>
    <%= image_tag image_item['url'], alt: 'DALL·E生成的图像' %>
  <% end %>
<% else %>
  <p>没有生成的图像可以展示</p>
<% end %>

关键说明 #

• 你存储在@image_request.urls中的是Ruby哈希结构，直接通过键名['data']就能获取到包含图片URL的数组。
• 遍历数组时，每个image_item是包含url键的哈希，用image_item['url']就能拿到图片地址，传给image_tag生成<img>标签。

特殊情况处理 #

如果urls字段存储的是JSON字符串（而非自动转换的哈希），需要先手动解析：

# 在控制器的show方法中添加解析逻辑
def show
  @image_request = ImageRequest.find(params[:id])
  @image_data = JSON.parse(@image_request.urls)['data']
end

之后在视图中遍历@image_data即可。

内容的提问来源于stack exchange，提问作者yellowreign