html - 从外部源向网页添加媒体(jpg、mp3、mp4)

标签 html css webserver external media

我有一个在存储服务器上运行的网络服务器,我希望访问其中的一些媒体(即使用来自 nas 的图像作为页面上的背景)。我试过这个但没有运气:

background-image:url("file://SERVER01/Media/Family/5102.jpg");

以及其他变体,例如:

background-image:url("file:///SERVER01/Media/Family/5102.jpg");
background-image:url("file://../Media/Family/5102.jpg");
background-image:url("file:///../Media/Family/5102.jpg");

当我从我的笔记本电脑访问该页面时,背景图像已损坏,但如果我查看源代码并直接复制链接(仅限其中带有 SERVER01 的链接),图像会正常弹出。

解决此问题的最佳方法是什么?在不危及我的服务器安全的情况下使用这些图像的最安全方法是什么?

最佳答案

为了访问远程服务器上的文件,您需要使用面向公众的主机名和 URI,您不能使用文档根目录之外的本地文件路径,因为它对客户端/网站用户不可见。

关于html - 从外部源向网页添加媒体(jpg、mp3、mp4),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38614788/

相关文章:

javascript - 如何防止在 PhoneGap 应用程序中单击时图像显示为已选择?

html - 如何仅在移动设备上清除 float ?当我删除平板电脑的媒体查询时,为什么我的移动媒体查询会受到影响?

jquery - 如何使弹出div锁定到jQuery中的页面坐标

javascript - 更改 "AR.JS"中对象(.dae 或 gltf)的颜色

C# 异步 Web 服务器 - 如何将数据发送到客户端

Tomcat 还是 JBoss?

jquery - 是否可以制作一个功能,当点击时多次更改图像?

html - Firefox 中的 purecss.io 网格中断

html - 如何使内部元素忽略样式

c - 在 C 中解析 HTTP 请求行