HTML的img插入本地图片

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地址做为一个全局值,随时修改,对于资源的访问通过全局值+文件名来访问。

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

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

Guess you like

Origin blog.csdn.net/white_mvlog/article/details/108133682