HTML图像和'出现异常问题；文件：//'；指定src

我正在页面上加载一个带有'file:///some_dir/image.jpg'src路径。我可以使用此路径访问常规选项卡中的图像。此外，将页面另存为HTML并使用此路径生成图像也可以。但是，图像不会加载到活动页面上。在chrome中显示部分alt文本，在firefox中显示窄条。我试过改变宽度和高度，但没有用。有什么我遗漏的吗

<img title="Click to enlarge" src="file:///Users/Aram/uploads/profile.image.985b0f707d972bf3.4372696242656464696e67616e645465657468696e67437269625261696c436f7665722e6a7067.jpg" class="profile-image">

---

网站不允许使用用户计算机上的本地文件。使用相对路径从html文件的目录中删除

您还可以直接编码和嵌入图像：

如何嵌入编码的内容：

---

Python编码说明：

问题是您试图直接从客户端计算机加载文件。浏览器会阻止这种情况

您可以在此处阅读详细信息：

这被称为原产地政策。它防止恶意站点直接从客户端计算机加载文件。尝试使用页面中的相对路径来显示图像

---

在某些情况下（很少），我使用light web服务器托管站点，以便从服务器加载文件（而不是从浏览器所看到的客户端计算机上加载文件）。

我就是这么想的，但是如果由于我使用的web2py环境，我无法使用此图像的http路径，我还有其他选择吗？糟糕的链接，关于这个主题，它只能说：它的定义很差“，即使这样，我也不能完全确定它是在谈论图像。真的，图像可以从其他领域包括在内，所以这不是真的相关。

# Load the image data
import os
path = os.path.join(request.folder, 'uploads', filename)
data_uri = open(path, 'rb').read().encode('base64').replace('\n', '')
data = 'data:image/png;base64,%s' % data_uri
return html.IMG( _src=data, _class='profile-image', _title='Click to enlarge' )