0

我试图在 Backbone.js 视图页面中显示图像。

我的 show_view.js.coffee 是

Myapp.Views.Checklists ||= {}

class Myapp.Views.Checklists.ShowView extends Backbone.View
 template: JST["backbone/templates/checklists/show"]

render: ->
 @$el.html(@template(@model.toJSON() ))
 return this

我的 show.jst.ejs 文件是

<p>
<b>Title:</b>
<%= title %>
</p>

<p>
<img src="<%= how_to_show_photo_url %>" alt="No image">

</p>

<a href="#/index">Back</a>

我正在使用回形针宝石。我尝试在图像标签中使用 <%= photo.url %> 但它不起作用。如何在图像标签中显示照片？

4

1 回答 1

2

在将它发送到backbone.js 之前，我改变了rails 中的响应。我用文件的原始路径更新了 photo_file_name 属性。我将代码更新为

@checklists = Checklist.find(:all)
@checklists.map{|k,v| k.photo_file_name = k.photo.url }

现在我的 Json 响应是

{"comments":"Backbone attachment","created_at":"2013-03-12T23:41:40Z","id":16,"photo_content_type":"image/jpeg",
"photo_file_name":"/system/checklists/photos/000/000/016/original/IMG_0011.JPG?1363131700",
"photo_file_size":2714495,"photo_updated_at":"2013-03-12T23:41:40Z","title":"Test Attaachment using backbone","updated_at":"2013-03-12T23:41:40Z"}

我在图像 src 标记中使用了 photo_file_name 属性

欢迎任何更好的解决方案

于 2013-03-13T21:23:14.290 回答