Question

我正在开发一个Rails v4.2网站。

我有一个JavaScript对象，它将图像文件的名称作为属性：

var gulp = require('gulp'),
connect = require('gulp-connect');

gulp.task('default', function () {
  connect.server({
    root: ['a', 'b'],
    port: 8080,
    livereload: true
  });
});

我将图片放在＆＃34; app / assets / images＆＃34;中，但是当我加载页面时，我在尝试检索图像时看到404错误。

我尝试使用var obj = new objects.Factory.MyObject({ title: 'Sir', education: 'Phd', icon: './profile.png' });，这显然无法在Javascript中使用。如何在Rails页面的Javascript代码部分中正确指定图像的路径？

Answer 1

我会通过在扩展程序的末尾添加.erb来重命名您的JavaScript文件，然后在JavaScript文件中加载assets/images以下行：

<%= asset_path('profile.png') %>

将图像文件名传递给JavaScript

1 个答案: