如何在 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 磁盘上的文件;其他浏览该网站的人将无法访问它。
请记住,在所有这三种情况下,除了它引用的文件!
对我放轻松,我很新,正在努力学习。但我只是想,试图找到一种方法来显示本地文件中带有 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 磁盘上的文件;其他浏览该网站的人将无法访问它。
请记住,在所有这三种情况下,除了它引用的文件!