如何使用Gon gem检索JavaScript上的Active Storage映像

时间:2018-09-30 15:10:25

标签: javascript ruby-on-rails ruby rubygems

我在这个问题上碰壁。我设法检索另一个属性的值以在Google Maps弹出信息窗口中输出,但检索图像失败。我在Stack Overflow上找不到任何解决方案,所以我决定发表这篇文章。我的完整代码附在底部。

gon.store[y].address

按照我的预期正确输出值。但是当涉及到图像

gon.store[y].image

我在弹出窗口中显示“未定义”错误消息。

我尝试过的另一种方法

'<img src= gon.store[x].image >'+

它只会显示一个空的正方形。

在index.html.erb上,使用可以正确显示Active Storage中的图像

<%= image_tag store.image, :width => '80px' %>

完整代码:

for (var y = 0; y < gon.store.length; y++){
    var contentString = 
    '<div id="cont">'+
        '<div class="container">'+
        '<div class="p-3">Available Restaurant</div>'+
        '<div class="row">'+
        '<div class="col">'+                                                                                
        gon.store[y].image +   // problem is here
        '</div>'+
        '<div class="col">'+
        '<table class="table">'+
        '<tbody>'+
        '<tr>'+
        '<th scope="row">Address</th>'+ 
        '<td>'+
        gon.store[y].address + // address output value correctly
        '</td>'+
        '</tr>'+
        '</tbody>'+
        '</table>'+
        '<button type="button" class="btn btn-primary">Reserve Restaurant</button>'+
        '</div>'+
        '</div>'+
        '</div>'+
    '</div>'
    ;   
}   

0 个答案:

没有答案