Có được đường dẫn nội dung từ JavaScript

Question

Tôi cần hiển thị hình ảnh trên canvas HTML5 nằm trong đường dẫn nội dung Rails, nhưng tôi cần biết đường dẫn cho nội dung từ JavaScript. Tôi đang sử dụng js-routes cho các phần khác của ứng dụng, nhưng dường như không cung cấp cách để nhận đường dẫn đến nội dung nào đó trong đường dẫn nội dung.

Cách chính xác để nhận đường dẫn đến nội dung Rails (ví dụ: hình ảnh) từ JavaScript?

Answer 1

Trong Rails Asset Pipeline guide, chúng cung cấp ví dụ về nội dung mã hóa trong bảng định kiểu của bạn bằng cách xử lý trước các bảng kiểu với ERB. Bạn có thể sử dụng kỹ thuật tương tự với JavaScript, giả sử bạn tack một .erb đến cuối tên tập tin:

var someAssetPath = "<%= asset_path('some_image.png') %>"; 

Answer 2

Thanh toán các js_assets(Javascript helper in rails projects) đá quý. Tôi nghĩ đó là chính xác những gì bạn cần.

Từ các tài liệu:

Lấy đường dẫn đến mẫu ứng dụng/tài sản/Javascripts/chữ đỏ/views/index.html trong javascript: var path = asset_path('rubrics/views/index.html')

Answer 3

Đối với những người sử dụng HAML bạn có thể do:

:javascript 
    var assetPath = "#{asset_path('some_image.jpg')}"; 

Answer 4

Tôi gặp vấn đề tương tự trong Rails 4.1 và được sử dụng referencing rails assets in coffeescript cho hình ảnh. Không cần thêm thư viện.

Answer 5

Tại sao không thêm thuộc tính dữ liệu cho đường dẫn bên trong phần tử trong tệp .erb của bạn và sau đó truy xuất tệp đó bằng JQuery?

bên some_template.html.erb

<%= content_tag(:div, "", id: 'some-id', data:{path_to_asset: asset_path("some_image.png")}) %> 

sau đó trong some_javascript.js

var assetPath = $("#some-id").data("pathToAsset");