如何在javascript中使用本地图像？

对我放松点，我是个新手，正在努力学习。但我想，我只是想找到一种从本地文件中用javascript显示图像的方法。我只是想通过教程和实践来学习，但任何时候我想使用图像，它必须来自外部网站，显然是吗？ 例如-

ButtonImg.src=”https://somesite/button.png";

但我想用我自己的一些图形。为什么我不能做这样的事

ButtonImg.src=“/home/username/public/button.png”

提前感谢您的帮助，这将使学习变得更加容易。
我建议您将文件从文件浏览器拖到浏览器中，然后复制链接并在代码中的所需行中使用它。对于Windows，它应以以下内容开头：

file:///C:/
然后是要浏览的文件。
我建议将文件从文件资源管理器拖到浏览器中，然后复制链接并在代码中所需的行中使用它。对于Windows，它应以以下内容开头：

file:///C:/
然后是要处理的文件。
SMH，我真是个笨蛋，很抱歉。我想出来了。我想它确实像我想的那样工作，我只是把我的图片保存错了。我认为“编码”是最难的部分。哈哈，又对不起了。但感谢您的快速回复嗯，我真是个笨蛋，很抱歉。我想出来了。我想它确实像我想的那样工作，我只是把我的图片保存错了。我认为“编码”是最难的部分。哈哈，又对不起了。但感谢您的快速回复当您在自己的网站上引用文件时，有三个选项：


相对路径：此引用相对于您从中引用图像的文件开始。如果文件位于同一文件夹中，则只需指定图像名称本身：
file.jpg
。但是，如果链接位于父文件夹中，则可以在链接前面加上
。/
导航到父文件夹（就像使用
cd
命令一样）：
。/images/file.jpg
。如果文件位于同级文件夹中，您可以将该文件夹作为前缀引用：
images/file.jpg

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

绝对路径：这是对文件的绝对引用，因为它可以直接从web浏览器访问。例如：
https://www.example.com/images/file.jpg


还可以通过
file://
协议引用该文件，但请记住这引用了本地磁盘上的文件；其他任何人都无法访问该网站

请记住，在所有这三种情况下，除了从中引用图像的文件外，还需要确保图像实际上载到服务器（并包含在集成IDE的项目中）
 当您在自己的网站上引用文件时，有三个选项：


相对路径：此引用相对于您从中引用图像的文件开始。如果文件位于同一文件夹中，则只需指定图像名称本身：
file.jpg
。但是，如果链接位于父文件夹中，则可以在链接前面加上
。/
导航到父文件夹（就像使用
cd
命令一样）：
。/images/file.jpg
。如果文件位于同级文件夹中，您可以将该文件夹作为前缀引用：
images/file.jpg

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

绝对路径：这是对文件的绝对引用，因为它可以直接从web浏览器访问。例如：
https://www.example.com/images/file.jpg


还可以通过
file://
协议引用该文件，但请记住这引用了本地磁盘上的文件；其他任何人都无法访问该网站

请记住，在所有这三种情况下，除了从中引用图像的文件外，还需要确保图像实际上载到服务器（并包含在集成IDE的项目中）
 你能展示一些你已经完成的代码吗