【问题标题】:Paperclip - Broken Image for "Missing.png"回形针 - “Missing.png”的破损图像
【发布时间】:2014-12-16 20:39:43
【问题描述】:

我正在尝试为我的用户头像设置默认图像,但遇到了它没有显示在我的视图中的问题。我的user.rb 文件的设置与它在其 Github 页面上的显示方式完全相同

has_attached_file :avatar, default_url: "/assets/:style/missing.png"

我还在我的initializer 目录中创建了一个paperclip.rb 文件,代码如下:

Paperclip::Attachment.default_options[:default_url] = "/images/missing.png"

我继续将我的 png 文件 missing.png 放在我的 assets/images 文件夹中,但没有运气。然后我决定在我的公共目录public/images/missing.png 中创建一个图像文件夹,但图像仍然损坏。每次更改后,我都重置了我的 rails 服务器,但无济于事。与此处类似于问题的帖子不同,我没有特别收到任何错误,只是找不到图像。我做错了什么?

【问题讨论】:

    标签: ruby-on-rails image paperclip image-uploading


    【解决方案1】:

    线

    has_attached_file :avatar, default_url: "/assets/:style/missing.png"
    

    意味着对于所有样式,您都应该有一个图像:

    /assets/thumb/missing.png
    /assets/big/missing.png
    

    default_options 在这种情况下没有用,因为您在 has_attached_file 行中覆盖了它。

    只需为每种样式设置一张图片,或将您的 default_url 更改为 /assets/images/missing.png

    【讨论】:

    • 谢谢,我现在就试试。另外,像这样的图像应该放在公共目录还是资产管道中?哪个目录最常见?
    【解决方案2】:

    添加到 ForgetTheNorm 的答案。

    我认为最好将图像放在public 目录中。否则,如果您将其放入 assets/images,则需要将 config.serve_static_assets 更改为 = true

    您可以在config/environments/production 中围绕23 行更改它

    另外,您可以添加这 3 行 jquery 作为解决方案,或作为防止图像损坏的附加措施。

    $("img").error(function() {
      $(this).unbind("error").attr("src", "PUT_YOUR_FOLDER_OR_URL_PATH_HERE");
    });
    

    【讨论】:

    • 感谢您在 ForgetTheNorm 的帖子中回答我的问题。在 publicassets 目录中放置某些图像是否有经验法则?
    • 我会仔细检查一下,因为我只做了 7 个月左右的 Rails,但如果它是在您的正常 CSS 之外使用的图像(如错误),请将其公开。不要放置用于背景等的图像。这里有一些可能会有所帮助的链接。 - reinteractive.net/posts/… - stackoverflow.com/questions/8804225/… - stackoverflow.com/questions/7597812/…
    • 太棒了!感谢您的建议!
    • 欢迎。希望对您有所帮助。
    【解决方案3】:

    解决方案涉及两个步骤。

    1. 由于我在我的用户模型中使用default_url,因此对于这个特定场景,不需要也不需要包含paperclip.rb
    2. 我没有使用 wiki 指定的 url 路径,而是将图像放在我的 public/images 目录中并使用:default_url: "missing.png",一切正常。

    特别感谢 Jared L Cowan 在他的帖子评论部分提供的建议

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-01-04
      • 1970-01-01
      • 1970-01-01
      • 2017-09-25
      • 1970-01-01
      • 2012-09-08
      相关资源
      最近更新 更多