HTML的img插入本地图片

HTML的img插入本地图片

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

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

总所周知，我们在开发过程中，通过将固定的图片放在我们的目录下，在项目发行中很多时候都比较难去重新更换图片，这时候我们就会选择在通过网址来进行图片的获取。
通过将图片放在服务器上面，复制图片的地址，将其放在我们的HTML当中的img标签下。
在开发者中也有个人开发者，对于他们而言可能服务器的价格参差不齐，不愿意花费过多的时间和金钱只为这个东西。
哎，那么看进来的你们就恰恰适合以下的方法了。

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

首先打开“控制面板”，点击查看方式的下拉选择“小图标”，点击当中的“程序与功能”。

点击“启动或关闭Windows功能”。

打开“IIS管理控制台”，以方便iis服务器的部署，之后进行重启电脑操作。

之后回来“控制面板”，点击“管理工具”。

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

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

右键“网站”，点击“新建网站”。

[网站名称] 可以随便填写；
[物理路径] 就是我们想要映射的地址，这里小编定位的是E盘的picture-up文件夹作为网站的根目录；
[IP地址] 指的就是我们本地电脑的IP地址；
[端口] 也可以重新写一个，避免与其他你所开启的服务冲突；
[主机名] 这里忽略可以不写。

点击“确定”后，点击刚才网站的“身份验证”。

右键“匿名身份验证”启动该功能，防止我们访问时受到限制。

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

对文件夹中放一张图片作为演示，根据我们刚才的主机地址加上图片名加后缀名，如小编的地址：http://192.168.0.104/pdd_logo_v2.png

哦吼，访问成功，我们通过IP地址访问成功，接下来就可以根据自己的项目在所映射的物理路径文件夹放入图片、视频等等类型的文件，并且通过IP地址+文件名来访问资源了。

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

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

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