Question

我必须从我的本地磁盘将图像上传到我的HTML页面，由于安全原因和相同的原始策略，我现在知道这是不可能的。

1。）我的图片'loadingimage.jpg'与我的.html页面位于同一位置。我确实尝试了像

这样的相对路径

<style>
body {
background-image: url("/loadingimage.jpeg");
}
</style>

它给了我像

这样的错误

Failed to load resource: the server responded with a status of 404 (Not Found)  
http://10.2.9.208:8081/loadingimage.jpg

当我直接打开文件时，我没有收到此错误，只有当我使用节点js express从我的磁盘提供此html文件时。我在我的节点js

中有这个代码

app.get('/abt', function (req, res) {
res.sendFile(path.join(__dirname, '../../startpage.html'));
});

请不要将此问题视为重复，因为我已经浏览了所有链接并且无法找到解决方案。所以，我正在重新发布它。这可以在不转换为base64代码的情况下完成吗？我该怎么办？

2.）但即使我以某种方式设法在我的浏览器上显示它，我希望浏览我的网页的所有客户能够看到它，就像假设一个欢迎的图像。我如何使它成为可能？

我不允许在网络上使用任何图片托管服务器。我可以做一些事情，比如访问客户端PC并在那里本地存储图像，使用它然后在页面关闭时删除它吗？

我有一台在后台运行的服务器机器，是否可以将这些图像存储在服务器上，然后将其检索并显示在客户端PC上？

编辑1：我试过用这个

 <img class="logo" src="http://10.2.9.208:8081/loadingimage.jpg" alt="My_Logo">

现在，这不仅给了我同样的错误，而且还显示了破碎的图像。

Answer 1

如果您的图片在同一位置与您的网页/同一文件夹和拼写图片名称正确，请尝试以下代码：

body {
   background-image: url("3011483-euro2016-omb-pes2016_1.jpg");
}

你只需要从文件名开头删除正斜杠......

我希望这会对你有帮助......

...谢谢

Answer 2

如果 HTML文件和图片位于同一文件夹中，则

 background-image: url("YOUR-IMAGE-NAME");

除了创建任何文件夹

之外

- FOLDER / YOUR-IMAGE-IMAGE

-HTML文件

代码就是这样。

 background-image: url("FOLDER/YOUR-IMAGE-NAME");

替代方法，您可以使用从file:///开始的完整PATH。

file:///C:/imagename

我希望这个答案可以帮助你。

Answer 3

将图像放入文件夹，然后键入路径并查看像

body {
  background-image: url("images/loading.jpg");
},

因为你正在使用node.js，这个线程可能会帮助你

Answer 4

body {
  background-image: url("../../loadingimage.jpg");
},

Answer 5

只有当我将我的图像转移到与我的节点js文件相同的位置时，这对我有用，尽管它应该有其他功能。