对我宽容些,我是个新手,正在努力学习。但我只是猜测,试图找到一种方法来使用 javascript 显示本地文件中的图像。我只是想通过教程和练习来学习,但任何时候我想使用图像时,它显然都必须来自外部网站吗?
例如 - ButtonImg.src = "https://somesite/button.png";
但我只想使用我自己的一些图形。为什么我不能做类似的事情,
ButtonImg.src = "/home/用户名/public/button.png";
预先感谢您的任何帮助,将使学习变得更加容易。
最佳答案
当您引用自己网站上的文件时,您有三个选择:
相对路径:此引用相对于您引用图像的文件开始。如果文件位于同一文件夹中,则只需指定图像名称本身:
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 的项目中) !
关于javascript - 如何在 javascript 中使用本地镜像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58333391/