Rails 3.1 et de l'Image de l'Actif

J'ai mis toutes mes images dans mon admin thème dans le dossier des ressources dans un dossier nommé admin. Puis je faire un lien vers elle comme d'habitude c'est à dire.

# Ruby    
image_tag "admin/file.jpg" .....
#CSS
.logo{ background:url('/assets/images/admin/logo.png');

FYI. Juste pour le test, je ne suis pas à l'aide de la asset_path balise juste encore que je n'ai pas compilé mon actif.

Ok tout bon jusqu'ici jusqu'à ce que j'ai décidé de mettre à jour une image. J'ai remplacé certaines couleurs mais sur recharger le nouveau style de l'image n'est pas affichée. Si je afficher l'image directement dans le navigateur de son affiche toujours l'ancienne image. Un pas plus loin, j'ai détruit l'admin dossier d'images. Mais il a rompu rien de toutes les images sont toujours affichées. Et oui, j'ai effacé le cache de mon navigateur et ont essayé sur plusieurs navigateurs.

Est-il une sorte de cache d'image passe? C'est juste le développement local à l'aide de pow pour servir les pages.

Même détruire l'ensemble du dossier des images les images sont toujours servi.

Suis-je raté quelque chose?

  • ce n'est pas le cas avec la 3.1 à l'aide de l'asset pipeline. Vous pouvez utiliser la commande rake actifs:précompiler qui va compresser les fichiers et les déplacer vers le dossier public
  • Bien de les déplacer vers le dossier public travaillé, tout est un peu étrange comme ils ont travaillé beaux-être servies à partir du dossier des actifs. Peut-être attendre plus de docs sur 3.1.
  • Je comprends votre frustration. Apparemment communiqué de candidats n'obtiennent pas très bien documenté.
  • Les laisser dans les actifs, il suffit de ne pas inclure un chemin d'accès au dossier à tous. Voir ma réponse ci-dessous.
InformationsquelleAutor Lee | 2011-06-02
  1. 226

    En 3.1-vous tout simplement se débarrasser des "images" de la partie du chemin d'accès. Donc une image qui vit dans /assets/images/example.png sera effectivement accessible dans une requête get à l'url - /assets/example.png

    Parce que le assets/images dossier est généré avec une nouvelle 3.1 application, c'est la convention qui ils voudront vous suivre. Je pense que c'est là image_tag va la chercher, mais je ne l'ai pas testé encore.

    Également, au cours de la RailsConf keynote, je me souviens D2h dire la public folder ne devrait pas avoir beaucoup de choses en plus, la plupart du temps simplement les pages d'erreur et d'un favicon.

    • Oui j'ai joué avec cette attribuer et ils ont encore du chemin à faire pour le rendre plus facile. Oui les mettre dans mon dossier des actifs fonctionne mais vous pouvez utiliser les actifs de la balise. Donc, je suis en attente de voir ce que plus d'info sort.
    • merci de m'avoir aidé à ma question!
    • Merci, m'a beaucoup aidé, aussi. C'est le genre de trucs qui me rend fou qu'un mec essaie d'apprendre Rails venus de web d'autres cadres de développement.
    • et qu'arriverait-il si deux dossiers différents contenus du même nom ?
    • +1 pour la référence à la DHP comme "D2h"
    • Ne devrait-elle pas être DH2?
    • Je ne sais pas pourquoi ils ont dû changer quelque chose qui a déjà fonctionné.

    InformationsquelleAutor Lee McAlilly
  2. 98

    Vous aurez envie de changer l'extension de ton fichier css de .css.scss à .css.scss.erb et à faire:

    background-image:url(<%=asset_path "admin/logo.png"%>);

    Vous devrez peut-être faire un "rafraîchissement" pour voir les changements. CMD+MAJ+R sur mac OSX navigateurs.

    Dans la production, assurez-vous que

    rm -rf public/assets    
bundle exec rake assets:precompile RAILS_ENV=production

    qui se passe lors du déploiement.

    • Il y a de nouvelles images des aides dans le sass: image_url, image_path,... Plus peut être trouvé ici: edgeguides.rubyonrails.org/asset_pipeline.html Pas besoin d'utiliser erb comme un préprocesseur plus
    • ah bon à savoir
    • J'ai essayé le sass-rails aides (image_url et de l'image, url) dans un css.scss fichier, mais il ne semble pas être interprété. Aucun indice ?
    • Avez-vous sass-rails au lieu de simplement sass dans votre Gemfile?
    • pas le cas dans toutes les versions de 3,1 que j'ai utilisé, mais 3.1 a subi de nombreux changements depuis l'époque de cette publication.
    • pourriez-vous donner un exemple concret? Je ne vois pas de problèmes jusqu'à présent
    • L'généré scss fichiers sont nommés .css.scss par défaut, pas chiant du lit a encore arrivé
    • Pour une raison que l'image d'url ne fonctionne pas pour moi, mais de l'actif-url('myimage.png', image) a parfaitement fonctionné. (Rails 3.1)
    • Dans le cas où quelqu'un de la mise à niveau depuis la version 3.0 de se poseraient la question, il vous suffit de renommer vos feuilles de style de .css à .css.erb (après que vous avez déplacé dans app/assets pour obtenir le erb traitement sans sass.
    • ça fonctionne mais je préfère l'écriture Pure CSS withouht incorporation d'autres langues .

    InformationsquelleAutor tybro0103
  3. 22

    Pour ce que ça vaut, quand j'ai fait ce que j'ai trouvé qu'aucun dossier à inclure dans le chemin d'accès dans le fichier css. Par exemple si j'ai app/assets/images/example.png, et j'ai mis ceci dans mon fichier css...

    div.example { background: url('example.png'); }

    ... alors en quelque sorte la magie fonctionne. J'ai compris cela en exécutant la rake assets:precompile tâche, qui aspire tout simplement tout ce qui sort de tous vos parcours de charges et de décharges dans un tiroir d'ordure dossier: public/assets. C'est ironique, IMO...

    En tout cas cela signifie que vous n'avez pas besoin de mettre tous les chemins du dossier, tout dans vos dossiers assets va finir par vivre dans un immense répertoire. Comment ce système résout nom de fichier conflits n'est pas clair, vous devez être prudent à ce sujet.

    Genre de frustrant, il n'y a pas mieux docs là-bas pour ce grand changement.

    • C'est ce qui a fonctionné pour moi.
    • Quand il y a des conflits de noms, le premier chemin qui s'affiche dans la config.les actifs.les chemins de la matrice est le fichier qui est choisi. Ceci peut être évité en utilisant la asset_path() helper et en spécifiant le répertoire.
    • Cette "magie fonctionne" parce que le fichier css et les images sont dans le même emplacement. Fichier CSS références sont relatives à l'emplacement du fichier css.
    • L'asset pipeline peut être un peu d'une boîte noire, en particulier pour les développeurs, mais il offre beaucoup de fonctionnalités intéressantes, comme de ne pas avoir à se soucier des chemins d'accès aux fichiers et automatique de contournement du cache.
    InformationsquelleAutor Andrew
  4. 16

    Dans les rails 4 vous pouvez maintenant utiliser un css et sass helper image-url: 

    div.logo {background-image: image-url("logo.png");}

    Si vos images de fond ne s'affiche pas envisager de regarder la façon dont vous faites référence dans vos feuilles de style.

    • C'est exactement ça.
    • Oh mon dieu, pour beaucoup de maux de tête que j'avais! Merci!
    • il fonctionne pour moi uniquement dans les fichiers sass en css un pas
    • C'est correct (pour les rails 4). Voter cette réponse jusqu'!
    • Les Rails 'vous aide" en mettant dans l'url de mots clés ainsi que la chaîne. Cela signifie que vous pouvez faire des choses comme. div.logo {background: image-url("logo.png") no-repeat center;}
    InformationsquelleAutor lflores
  5. 10

    lorsque le référencement des images dans le CSS ou dans une balise IMG, l'utilisation image-name.jpg

    alors que l'image est vraiment situé en vertu de l' ./assets/images/image-name.jpg

    • Je pense que c'est mauvais quand il s'agit de feuilles de style CSS à l'aide de rails 3.1.0.rc4 lorsque j'utilise background: url('sort_asc_disabled.png') il travaille pour le fichier app/assets/images/sort_asc_disabled.png.
    • je l'ai corrigé. merci pour ça.
    InformationsquelleAutor Tilo
  6. 2

    http://railscasts.com/episodes/279-understanding-the-asset-pipeline

    Ce railscast (Rails Tutoriel vidéo sur l'asset pipeline) aide beaucoup à expliquer les chemins d'accès dans les actifs pipeline. Je l'ai trouvé assez utile, et effectivement regardé quelques fois.

    La solution que j'ai choisi est @Lee McAlilly s ci-dessus, mais ce railscast m'a aidé à comprendre pourquoi il fonctionne. Espérons que cela aide!

    InformationsquelleAutor botbot
  7. 0

    L'asset pipeline dans les rails propose une méthode pour cette chose exacte.

    Vous suffit d'ajouter image_path('nom du fichier') à votre css ou fichier scss et les rails s'occupe de tout. Par exemple:

    .logo{ background:url(image_path('admin/logo.png'));

    (notez que cela fonctionne comme dans un .erb vue, et vous n'utilisez pas "actif" ou "/assets/images" dans le chemin d'accès)

    Rails offre également d'autres méthodes d'assistance, et il y a une autre réponse ici: Comment puis-je utiliser les images de référence dans le Sass lors de l'utilisation de Rails 3.1?

    • Je sais que cette question est un couple d'années, mais c'est la première page que j'ai trouvé sur google lors de la recherche pour cela, il serait génial pour sélectionner une réponse si d'autres personnes peuvent facilement faire référence à ce!
    InformationsquelleAutor benrugg