HTML的img插入本地图片

  • Post author:
  • Post category:其他




HTML的img插入本地图片

很多博客写的HTML插入本地图片,提供的方法都是错误的,让很多人找不到正确的方法,类似于:

< img src=file:///E://image_test/NOwhite.jpg>

这是错误的写法,有些博客文章至今还保留着这样的写法,错误了文章不修正也不删除,小编当时在找的时候也是烦,那么后续怎么解决的呢,请阅读以下文章。

总所周知,我们在开发过程中,通过将固定的图片放在我们的目录下,在项目发行中很多时候都比较难去重新更换图片,这时候我们就会选择在通过网址来进行图片的获取。

通过将图片放在服务器上面,复制图片的地址,将其放在我们的HTML当中的img标签下。

在开发者中也有个人开发者,对于他们而言可能

服务器

的价格参差不齐,不愿意花费

过多的时间和金钱

只为这个东西。

哎,那么看进来的你们就恰恰适合以下的方法了。


没有服务器,那么我们就用自己的电脑作服务器嘛!

首先打开“

控制面板

”,点击查看方式的下拉选择“小图标”,点击当中的“

程序与功能

”。

程序与功能

点击“

启动或关闭Windows功能

”。

启动或关闭Windows功能

打开“

IIS管理控制台

”,以方便iis服务器的部署,之后进行重启电脑操作。

在这里插入图片描述

之后回来“

控制面板

”,点击“

管理工具

”。

在这里插入图片描述

在这里就可以看到我们已经启动的IIS服务,双击图标启动该管理器。

在这里插入图片描述

在这里小编已经建立好了一个,给你们看一下,接下来重新建立一个给你们看一下。

在这里插入图片描述

右键“

网站

”,点击“

新建网站

”。

在这里插入图片描述

[网站名称] 可以随便填写;

[物理路径] 就是我们想要映射的地址,这里小编定位的是E盘的picture-up文件夹作为网站的根目录;

[IP地址] 指的就是我们本地电脑的IP地址;

[端口] 也可以重新写一个,避免与其他你所开启的服务冲突;

[主机名] 这里忽略可以不写。

在这里插入图片描述

点击“

确定

”后,点击刚才网站的“

身份验证

”。



右键“

匿名身份验证

”启动该功能,防止我们访问时受到限制。

在这里插入图片描述

打开刚才我们所填写映射的物理地址。

在这里插入图片描述

对文件夹中放一张图片作为演示,根据我们刚才的主机地址加上图片名加后缀名,如小编的地址:

http://192.168.0.104/pdd_logo_v2.png

在这里插入图片描述

哦吼,访问成功,我们通过

IP地址

访问成功,接下来就可以根据自己的项目在所映射的物理路径文件夹放入图片、视频等等类型的文件,并且通过

IP地址+文件名

来访问资源了。

对于连接WiFi电脑的开发者来说,IP地址可能每天都随时变换,可以单独将IP地址做为一个全局值,随时修改,对于资源的访问通过全局值+文件名来访问。

只适用于短期开发或小型项目,中大型项目相信你所处公司也不缺那一丢丢钱,建议买个服务器,搭建个环境来做一个资源访问地址。

生活不易,小编叹气,文章质量忽高忽低,想到什么写什么,坚持每月两篇文章,耶!



版权声明:本文为white_mvlog原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。