如何编写引用图像url的javascript来编写图像并显示在任何使用相同脚本的页面上？
如何编写引用图像url的javascript来编写图像并显示在任何使用相同脚本的页面上？
提问于 2015-09-25 04:12:34
我的网站有以下结构：
root --> such as localhost or example.com or file:///... etc.
|--css
|--image
: |--folder --> root/image/folder/
|--js
: |--script.js --> root/js/script.js
|--page
: |--index.html --> root/page/index.html
|--index.html --> root/index.html我使用jQuery为root/index.html编写图像并保存到root/js/script.js
var db = {
"images" : [
{"image-url": "image/folder/myImage.png"},
{"image-url": "image/folder/myImage.png"},
{"image-url": "image/folder/myImage.png"}
]
}
$.each(db.images, function (key, data) {
var image = data['image-url'];
$('body').append('<image src="' + image + '" />');
}它工作正常。我的照片正在显示。我将尝试在root/page中创建root/page并在此页面上使用../js/script.js。但它似乎没有显示任何图像。在浏览器上显示图像的空白框。我将尝试查看F12并找到image-url返回这个值。
GET root/page/image/folder/myImage.png net::ERR_FILE_NOT_FOUND但我想参考一下我在root/image/folder/myImage.png的照片。我不知道如何在任何使用相同脚本的页面上编写引用图像url来编写图像和显示脚本。没人能解决这个问题。提前感谢，对我的技能表示歉意。
回答 1
Stack Overflow用户
发布于 2015-09-25 04:25:30
- 如果您有几个静态映像，那么最好使用CSS：
如果您在CSS文件中有一个background-image定义，那么它将适用于任何相对路径。
CSS (root/css/site.css)：
.some-image {
background-image: url('../image/your-image.png`);
}现在，如果将其包含在root/index.htm和root/page/index.htm中，那么这两种方法都可以使用。
- 如果您的图像是动态的，并且是由PHP或其他任何东西生成的，您可以使用以下url:var db = {"image-url"：{"image-url"：“/image/文件夹/myImage.png”}，{"image-url"：“/image/文件夹/myImage.png”}，{“image-url”：“/image/文件夹/myImage.png”}；
URL中有一个前导斜杠。即，结果如下：
<img src="/image/folder/myImage.png"/>它是绝对路径引用.URL将从域的根计算。例如，对于http://localhost，它将是http://localhost/image/folder/myImage.png，对于主机中的任何页面都是相同的。
注意到，
- 如果站点位于子文件夹中，则绝对URL仍指向根文件夹
- 对于
file协议，/将指向驱动器的根
您可以使用BASE标记来指定基本URL。
在this Stackoverflow topic和this Webmasters Stackexchange topic上阅读更多关于它的信息。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32774686
复制相关文章
相似问题
腾讯云开发者
