从本地磁盘加载图像到html

我必须从我的本地磁盘上传图像到我的HTML页面，我知道现在不可能，因为安全原因和相同的原产地策略。从本地磁盘加载图像到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快递服务于这个来自我的磁盘的HTML文件。我在我的节点JS

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

请不要downvote这个问题，因为我已经完成了所有环节过去了，一直没能找到一个solution.So重复，我重新张贴此代码。这可以在不转换成base64代码的情况下完成吗？我该怎么办？

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

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

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

编辑1：我试图用这个

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

现在这个样子，不仅给了我同样的错误，但是还显示损坏的图片。

的捣鼓这个：https://jsfiddle.net/SuchitraIyer/sno3j98w/

来源

2016-06-20 Suchitra Iyer

您的文件名是否正确（拼写和扩展名）？ –

你的css在哪里叫图像？ –

是的。他们都完美 –

只有当我将图像传输到与我的节点js文件相同的位置时，这对我才起作用，但它没有其他工作，但它应该有。

来源

2016-06-20 12:29:03

如果您在相同的位置与您的网页/同一文件夹中的图像和拼写图像名称是否正确，然后尝试下面的代码：

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

你只需要删除向前从文件名开始削减...

我希望这将帮助你......

谢谢...

来源

2016-06-20 05:57:40

我只有在使用节点js时才会出现错误，否则它已经开始正常工作。我编辑了我的问题。谢谢 –

如果您HTML文件与图像在同一个文件夹，然后

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

除此之外，如果你创建的任何文件夹

--FOLDER /你像图像

-HTML文件

代码将为l这个。

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

你可以用全路径开始file:///使用这种替代方法。

file:///C:/imagename

我希望这个答案能帮助你。

来源

2016-06-20 06:09:17

嗨，他们工作正常，但不是通过节点js –

@SuititIyer看来你的节点js服务器没有加载所有的静态文件，即服务器不读取图像，而只是html。改变你运行节点服务器的方式。 –

@SuchitraIyer尝试'基地'标记在'' –

把你的图片放到一个文件夹，然后键入路径，看看像

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

，因为你正在使用Node.js的，这个线程可以帮助你

How to serve the image files using express framework in node.js?

来源

2016-06-20 06:19:30 Prakash

嗨，这也给我同样的错误 –

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

来源

2016-06-20 06:32:20

嗨，即使这个 –

我也得到相同的错误我认为你的图像路径应该从服务器根目录位置 –

解决当前我的服务器是我的机器只，我的节点js express只在我的PC上运行 –

从本地磁盘加载图像到html

回答

相关问题