将html src属性的图像放在哪个目录中?

时间:2013-08-12 06:55:04

标签: html css sinatra png slim

出于某种原因,在我目前使用的sinatra应用程序中,只要我尝试使用html src="path/to/file"在我的标记中放置图像,图像就会显示在网站上作为股票照片图标,有时候甚至返回404。

所有图像都保存在图像目录中,并且从此目录中的图像设置css背景图像可以正常工作。但由于某种原因,html img src属性在指定其目录位置后不会返回该图像。

所有图片都是png。

感谢您的帮助, - 亚当

了解更多信息:

我将我的公共文件夹存储到名为assets的导演

set :public_folder => 'assets'

此资产文件夹位于项目基础,内部资产是名为“images”的文件夹,其中包含我的png。

即使在定义了类似的显式路径之后,有些奇怪 img src =“/ Users / user / Desktop / Programming / Sinatra-projects / projectname /assets/images/image.png”

它仍然不显示,并显示一个股票照片图标。

AND,它使用位置语法成功加载此目录中的其他图像 SRC = “/图片/ 图像 .PNG”

2 个答案:

答案 0 :(得分:0)

我认为您将静态文件夹配置错误,您可以查看文档http://www.sinatrarb.com/intro.html#Static%20Files

set :public_folder, File.dirname(__FILE__) + '/static'

答案 1 :(得分:0)

在应用root内,如果文件夹public存在,则启用静态设置。在默认情况下,图像应位于public/path/to/file中。在哪里引用它,您可能希望使用/path/to/file之类的绝对路径而不是path/to/file。如果您在具有相对路径的嵌套文件夹中引用它,则图像将以404结尾。您可以阅读有关Sinatra Configuration的更多信息以根据需要调整设置。