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

标签 javascript image local

对我宽容些,我是个新手,正在努力学习。但我只是猜测,试图找到一种方法来使用 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/

相关文章:

javascript - CSS3 过渡不适用于移动设备

c# - UWP:如何降低所选图像的质量?

image - Tensorflow.js:将图像调整为特定字节大小

javascript - 我想降低 html 中进程栏的速度

iphone - UILocalNotification和iOS 4.2

javascript - 成功发布 jquery ajax 后调用方法

javascript - 如果 var 为空,如何 trim 变量而不出错?

javascript - 在redis中检索单个哈希表元素

function - 在lua中使用全局函数更改局部变量

node.js - 在无服务器本地从另一个 Lambda 调用 lambda