在前端开发过程中，我们经常会使用<img>标签来展示图片。通常情况下，我们会将图片上传到服务器上并使用相对或绝对URL来引用它们。但是，有些开发者可能会尝试使用本地文件路径来引用图片，例如：
---- -----------------------
然而，这种做法是不可行的，原因如下。
安全性
使用本地文件路径可以打开你计算机内部的任何文件，这会给你的电脑带来安全风险。如果你的网站被黑客攻击，他们可能会利用这个漏洞来访问你电脑上的私人文件。
跨域问题
浏览器有一个“同源策略”，限制了JavaScript从一个源加载的文档或脚本如何与来自另一个源的资源交互。这是出于安全和隐私方面的考虑。如果你尝试使用本地文件路径来引用图片，会遇到跨域问题。
解决方法
如果你想在网页中展示本地图片，应该先将它们上传到服务器上，然后使用相对或绝对URL来引用它们。如果你没有服务器，也可以使用第三方图像托管服务，如Imgur或Cloudinary。
以下是一个使用相对URL来引用服务器上的图片的示例代码：
---- --------------------------
总结
在标签中使用本地文件路径会带来安全风险和跨域问题，因此不建议这样做。相反，应该上传图片到服务器或使用第三方图像托管服务，并使用相对或绝对URL来引用它们。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/12651