无法在 Chrome 中加载图像（不允许加载本地资源:)

Unable to Load Image in Chrome (Not allowed to load local resource:)

测试浏览器：Chrome 版本：94.0.4606.81

当我 运行 html 文件时，它没有显示，而是在控制台中显示错误`

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Image</title>
    <link rel="stylesheet" href="/Css/display.css">
</head>
<body>
    <div class="box1">
        <img src="C:\Users\first\OneDrive\Pictures\Downloaded Pictures\pexels-ella-olsson-1640777.jpg" alt="Cat Image"/>
    </div>
    <script src="/Js/function.js"></script>
</body>
</html>

Here's the Error Image

您不能只从本地磁盘加载文件。您应该将文件带到包含您的代码的目录并更新路径。