0

I tried to display the images in Backbone.js view page.

My show_view.js.coffee is

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

My show.jst.ejs file is 

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

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

</p>

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

I am using paperclip gem. I tried using <%= photo.url %> in image tag but it is not working. How do I show the photo in image tag?

4

1 に答える 1

2

backbone.js に送信する前に、レールで応答を変更しました。ファイルの元のパスで 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 に答える