Access Rails 4 Fingerprinted Image Asset from Javascript Variable Image Name

Question

Using Rails 4 on Heroku, precompiling assets and adding fingerprints.

I can access the assets from my erb files using:

<%= asset-url("image_name.jpg") %>

However, I'm making an ajax call to a controller to get a list of objects and I build an image name from each object, e.g. image-1.jpg, image-2.jpg, where the number here is from the javascript variable. These images are in the assets/images directory.

How can I link to them using the javascript variable, like this:

<%= asset-url("image-javascriptVariable.jpg") %>

This obviously doesn't work because it's rendered on the server well before the client renders the javascript variable.

Note: I know I could simply not preprocess/fingerprint these images and put them in public/assets and serve them static. However, I'd like to use the fingerprinting to break cache on updates.

Using a different cache breaking strategy like adding variable names or jQuerys ajax method hungred.com/how-to/tutorial-stop-caching-jquery-javascript is no option? — iltempo
– iltempo, Commented Mar 15, 2014 at 16:53

Skelz0r · Accepted Answer · 2014-03-15 16:23:48Z

4

You can't : erb/haml's interpolation run before rendering view (javascript here).

You should deport your logic in ruby in order to dynamically serve different assets files.

answered Mar 15, 2014 at 16:23

Skelz0r

1141 silver badge3 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Micah Over a year ago

Accepting this as the answer and it inspired me to think more correctly about Rails. I'm now rendering the asset_path in my controller/json output and sending that as a JSON value to the ajax request. Thanks.

iltempo · Accepted Answer · 2014-03-15 16:51:29Z

0

If the amount of images is reasonable you can use ERB to build a data structure in Javascript (p.e. dictionary) of all images and pick the right image name later.

answered Mar 15, 2014 at 16:51

iltempo

16.1k8 gold badges64 silver badges73 bronze badges

1 Comment

Micah Over a year ago

The image count is < 60 or so. I'm not sure exactly what you mean, could you elaborate with an example?

Collectives™ on Stack Overflow

Access Rails 4 Fingerprinted Image Asset from Javascript Variable Image Name

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related