如何将我的计算机上的图像添加到css或html中的站点？

Question

我有一张我在计算机上用photoshop制作的图像，我想知道是否有办法用CSS或HTML将图像添加到我的网站，而无需在网站上进行图像处理。感谢。

Answer 1

图像需要与html页面所在的文件夹相同，然后在末尾创建一个带有图片名称的文件夹的href。例如：

<img src="C:\users\home\pictures\picture.png"/>

Answer 2

不，如果您的网站位于远程服务器上，即不在localhost上，则不会。

Answer 3

如果您只想在本地浏览器上查看图像，可以在本地运行服务器时执行此操作。您只需要通过http（不是file：//）引用本地服务器，例如：

http://localhost/my_picture.jpg

如果picture.jpg位于本地服务器的webroot文件夹中。如果您打开浏览器的开发人员工具并将img元素的src属性更改为本地服务器的图片网址，则可以对任何网站执行此操作。如果您有权访问您网站的HTML，请在那里进行更改。但显然，如果不在您本地计算机/服务器上的某人访问该网站，他们将获得一个损坏的图像，除非他们碰巧正在运行本地服务器并且具有相同文件名的图像，这将是奇怪的。

Answer 4

将图像上传到您的服务器或图片托管网站，您可以在其中获得图片链接，然后在您的网站页面上添加该行以获取该图片的行

<img src="paste here your image full path"/>

Answer 5

这符合我的目的。非常基本和简单，但它做了我需要的（这是我的个人照片上网，所以我可以使用它的URL）。

1. 转到photos.google.com并打开您要嵌入网站的所有图片。

2. 点击“共享”图标，然后选择“获取链接”＃34;为该图像生成可共享的链接。

3. 转到j.mp/EmbedGooglePhotos，粘贴该链接，它会立即生成该图片的嵌入代码。

4. 打开您的网站模板，粘贴生成的代码并保存。该图片现在将直接通过您的Google相册帐户投放。

如果您遇到问题，请检查此video tutorial。

Answer 6

如果您只想查看图片在网站上的外观，而无需将图片上传到服务器或在本地服务器上运行网站， 我认为一个非常简单的解决方案是将您的图片转换为Base64，然后将内容添加到IMG标签或使用CSS作为背景图片。