在我的应用程序中，用户可以更改横幅的背景图像。他们使用简单的表单和活动存储上传文件。它的工作正常，但我们有一个用户试图上传一个文件名 banner-website.png (2).png . 文件已上载并保存，但不会显示为背景图像。我想这是因为文件名中有特殊字符。建议如何避免这种情况？我们需要清理文件名吗？
banner-website.png (2).png
gfttwv5a1#
有几件事需要检查：检查控制台并尝试查看css，看看是否正在填充完整链接？尝试检查css代码并将链接复制到地址栏，以查看图像是否从该方向加载。检查用户的png文件，确保其未损坏。损坏的png标题可能会导致在网站中显示问题。检查您的消毒插件是否导致该文件出现问题。我从来没有用过那个，所以我不能说。我试着将一个同名文件上传到我的rails 6测试台（带有活动存储和stimulus js的vanilla）中，效果很好。它也可能是一个冲突的css代码。只要我的2美分。
pu82cl6c2#
我在这里找到了解决方案：rails活动存储-背景图像无效属性？在url周围添加一个引号就解决了这个问题。
2条答案
按热度按时间gfttwv5a1#
有几件事需要检查：
检查控制台并尝试查看css，看看是否正在填充完整链接？尝试检查css代码并将链接复制到地址栏，以查看图像是否从该方向加载。
检查用户的png文件，确保其未损坏。损坏的png标题可能会导致在网站中显示问题。
检查您的消毒插件是否导致该文件出现问题。我从来没有用过那个，所以我不能说。
我试着将一个同名文件上传到我的rails 6测试台（带有活动存储和stimulus js的vanilla）中，效果很好。它也可能是一个冲突的css代码。
只要我的2美分。
pu82cl6c2#
我在这里找到了解决方案：rails活动存储-背景图像无效属性？
在url周围添加一个引号就解决了这个问题。