如何在 javascript 中使用本地图片?

How can I use local images in javascript?

对我放轻松,我很新,正在努力学习。但我只是想,试图找到一种方法来显示本地文件中带有 javascript 的图像。我只是想通过教程和练习来学习,但任何时候我想使用图像,它显然必须来自外部网站? 例如 - ButtonImg.src = "https://somesite/button.png";

但我只想使用我自己的一些图形。为什么我不能做类似的事情,

ButtonImg.src = "/home/username/public/button.png";

在此先感谢您的帮助,这会让学习变得更加容易。

我建议将文件从文件资源管理器拖到浏览器中,然后复制 link 并在代码中的所需行中使用它。对于 Windows,它应该以:

开头

file:///C:/ 然后是要检查的文件。

SMH,我对此一窍不通,非常抱歉。我想到了。我想它确实像我想的那样工作,我只是没有正确保存我的图像。我认为 "coding" 是最难的部分。大声笑再次抱歉。但感谢您的快速回复。 :D

当您在自己的 网站上引用文件时,您有以下三种选择:

  • 相对路径:此引用相对于您从中引用图像的文件开始。如果文件在同一文件夹中,则只需指定图像名称本身:file.jpg。但是,如果它在父文件夹中,您可以在 link 前加上 ../ 以导航到父文件夹(就像使用 cd 命令一样):../images/file.jpg .如果文件位于 sibling 文件夹中,您将引用该文件夹作为前缀:images/file.jpg.

  • 根相对路径:这与相对路径相同,但前缀为/。这是指网站的根文件夹(Apache 上的 /var/www/html/)。 /images/file.jpg 始终 引用 https://www.example.com/images/file.jpg,无论文件从何处引用。

  • 绝对路径:这是对文件的绝对引用,因为可以直接从网页浏览器。例如:https:://www.example.com/images/file.jpg.

还可以通过 file:// 协议引用文件,但请记住,这引用的是 local 磁盘上的文件;其他浏览该网站的人将无法访问它。

请记住,在所有这三种情况下,除了它引用的文件!