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

时间:2019-10-11 02:16:31

标签: javascript image local

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

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

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

预先感谢您的帮助,将会使学习变得如此简单。

3 个答案:

答案 0 :(得分:0)

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

开头

file:///C:/,然后检查文件。

答案 1 :(得分:0)

SMH,对此我真是个菜鸟,对不起。我想到了。我想它确实像我想的那样工作,只是我的图像保存不正确。我认为“编码”将是困难的部分。大声笑再次抱歉。但感谢您的快速回复。 :D

答案 2 :(得分:0)

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

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

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

  • 绝对路径:这是对该文件的绝对引用,因为可以从Web浏览器直接访问该文件。例如:file://

还可以通过public class time { public static void main (String [] args) throws InterruptedException { System.out.println("######################"); System.out.println("######################"); System.out.println("Current time in ms: " + System.nanoTimeMilis()); long startTime=System.currentTimeMillis(); Thread.sleep(5000); long endTime=System.currentTimeMillis(); System.out.println("Time taken:" + (endTime - startTime)); } 协议引用文件,尽管请记住,这是引用 local 磁盘上的文件;查看该网站的其他任何人都无法访问它。

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