如何从文件路径创建HTML图像源？

Question

我正在尝试将计算机中的图像插入HTML页面（hopetnorman.pythonanywhere.com），但无法正常工作。这是代码：

<img src="C:\Users\Alan\Downloads\Thomas Logo\Dogo.jpg" height="50px" class="Barpic">

有人知道为什么吗？

Answer 1

在我看来，就像您正在尝试将本地文件放入托管页面一样。这将无法正常工作，因为托管页面不知道"C:\"在哪里。

要使其在托管网站上运行，您需要将其从计算机上载到页面上，或在托管图片的服务上上传，并使用该在线图片的路径到达html网站。

它需要看起来像这样：

<img src="http://hopetnorman.pythonanywhere.com/Thomas%20Logo/Dogo.jpg" height="50px" class="Barpic" />

或者图片与页面位于同一文件夹中。

<img src="./Dogo.jpg" height="50px" class="Barpic" />

对于代码发布，编辑时还有一个按钮"{}"。

Answer 2

也许最好的方法是将图像放入html文件所在的文件夹中，

<img src="Dogo.jpg" height="50px" class="Barpic">

或在您的html文件所在的文件夹中创建另一个文件夹：

<img src="folderWhereIhaveHTML/folderForImages/Dogo.jpg" height="50px" class="Barpic">

Answer 3

我想出了一种方法- 我将其发布在imgur上，然后从那里复制了图像地址。