javascript - 如何在 javascript 中使用本地镜像？

Question

对我宽容些，我是个新手，正在努力学习。但我只是猜测，试图找到一种方法来使用 javascript 显示本地文件中的图像。我只是想通过教程和练习来学习，但任何时候我想使用图像时，它显然都必须来自外部网站吗？例如 - ButtonImg.src = "https://somesite/button.png";

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

ButtonImg.src = "/home/用户名/public/button.png";

预先感谢您的任何帮助，将使学习变得更加容易。

Answer 1

当您引用自己网站上的文件时，您有三个选择:

• 相对路径:此引用相对于您引用图像的文件开始。如果文件位于同一文件夹中，则只需指定图像名称本身:file.jpg。但是，如果它位于父文件夹中，您可以在链接前面加上 ../ 前缀以导航到父文件夹(就像使用 cd 命令一样):../images/file.jpg。如果文件位于同级文件夹中，您可以将该文件夹作为前缀引用: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:// 协议(protocol)引用文件，但请记住，这引用了本地磁盘上的文件；其他浏览该网站的人将无法访问它。

请记住，在所有三种情况下，除了引用它的文件之外，您还需要确保图像实际上传到服务器(并包含在集成 IDE 的项目中) !