- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个 Azure Blob 存储帐户和一个其中包含许多图像的文件夹。我希望将图像显示在网站上。该 blob 的路径是 https://example.blob.core.windows.net/example-media/facebook/下面的第一个文件是 index.php,它下面的文件是 gallery.php。
屏幕截图显示了我希望图像如何显示。如果您有任何帮助和/或建议,我将不胜感激。
<?php
$docRoot = $_SERVER['DOCUMENT_ROOT']; //Set document root
require_once "$docRoot/includes/config.php"; //Get global config file
require_once "$docRoot/includes/checklogin.php";
require_once "$docRoot/includes/gallery.php";
$path = "$docRoot" . "facebook/images";
$uri = 'images';
$page_name = "Facebook Image Gallery"; //Page name variable for use in title tag, etc.
//
// Let's reset the title to include the pagename, if it has one
// Shorthand PHP can be hard to read, this is an if (?), else(:)
//
$page_name != "" ? $site_title = $site_title." | ".$page_name : $site_title = $site_title;
?>
<!DOCTYPE html>
<html lang="en">
<?php
$docRoot = $_SERVER['DOCUMENT_ROOT'];
include "$docRoot/includes/header2.php";
?>
<div class="event-top">
<h1>Facebook Image Gallery</h1>
<p>Grab the list of thumbnail images to scroll, or click the forward/back arrow on the right/left of each image to navigate the gallery. Right-click and "Save Image as" to download.</p>
</div>
<div class="campaign-bottom container-fluid"> <!-- lower piece -->
<div class="fotorama" data-auto="false"></div>
</div>
<div class="clearfix"></div>
<script type="text/javascript">
$(function() {
var $window = $(window),
$body = $('body'),
pixelRatio = window.devicePixelRatio || 1,
width = Math.min(760 * pixelRatio, 1280),
ratio = 1.5,
thumbHeight = 56,
thumbWidth = thumbHeight * ratio;
var data = <?= json_encode(galleryContent($path, $uri)) ?>;
$('.fotorama').fotorama({
data: data,
clicktransition: 'dissolve',
width: '100%',
ratio: ratio,
hash: true,
maxheight: '100%',
nav: 'thumbs',
margin: 2,
shuffle: true,
thumbmargin: 2,
thumbwidth: thumbWidth,
thumbheight: thumbHeight,
allowfullscreen: 'native',
navposition: 'top',
keyboard: {
space: true
},
shadows: false,
fit: 'cover'
});
});
</script>
<?php
$docRoot = $_SERVER['DOCUMENT_ROOT'];
include "$docRoot/includes/footer2.php";
?>
</body>
</html>
<?php
/*function isNullOrWhitespace($str)
{
return ($str === null || (strlen(trim($str)) == 0)) ? TRUE : FALSE;
}*/
function galleryContent($path, $uri, $getFolders = false)
{
$list = [];
$parts = scandir($path);
//Look for extension matches and push
foreach ($parts as $name) {
//Clean up path
$fullPath = realpath($path . DIRECTORY_SEPARATOR . $name);
$isDirectory = is_dir($fullPath);
$match = null;
if (($getFolders == $isDirectory) && ($isDirectory
? ($name[0] != '.')
: (preg_match(GALLERY_REGEX, $name, $match) === 1)))
$list[] = [
'name' => $name,
'path' => $fullPath,
//Convert similar extension to single representation (add double tiff?)
'type' => $isDirectory ? 'directory' : str_replace(['jpeg', 'tiff'], ['jpg', 'tif'], $match[2]),
'img' => $uri . '/' . $name,
//'shortname' => $isDirectory ? $name : $match[1],
/*'video' => (!$isDirectory && is_file(
realpath($path . DIRECTORY_SEPARATOR . $match[1] . '.' . GALLERY_VIDEO_TYPE)
)) ? ($uri . '/' . $match[1] . '.' . GALLERY_VIDEO_TYPE) : null*/
'video' => (!$isDirectory && is_file(
realpath($path . DIRECTORY_SEPARATOR . $match[1] . '.' . 'mp4')
)) ? ($uri . '/' . $match[1] . '.' . 'mp4') : null
];
}
return $list;
}
?>
最佳答案
您可以使用Microsoft Azure Storage PHP Client Libraries访问您的 Azure 存储服务。
您可以使用 SDK 生成 SAS 的 URL你的形象。然后直接把网址输入<img src="the_url_with_SAS_of your_image">
,这样你的图片就应该能够显示在你的页面上了。
这是 generating a link with SAS 的示例。
<小时/>如果您不关心安全性,可以将图像 blob 设置为公开。这样就可以不用SAS直接访问了。
关于php - 如何使用 PHP 从 Azure Blob 存储检索图像并在网站上显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60715046/
我正在运行一个辅助角色,并检查 Azure 上托管的存储中是否存在数据。当我将连接字符串用于经典类型的存储时,我的代码可以正常工作,但是当我连接到 V2 Azure 存储时,它会抛出此异常。 “远程服
在我的应用程序的主页上,我正在进行 AJAX 调用以获取应用程序各个部分所需的大量数据。该调用如下所示: var url = "/Taxonomy/GetTaxonomyList/" $.getJSO
大家好,我正在尝试将我的商店导入我的 Vuex Route-Gard。 路由器/auth-guard.js import {store} from '../store' export default
我正在使用 C# 控制台应用程序 (.NET Core 3.1) 从 Azure Blob 存储读取大量图像文件并生成这些图像的缩略图。新图像将保存回 Azure,并将 Blob ID 存储在我们的数
我想将 Mlflow 设置为具有以下组件: 后端存储(本地):在本地使用 SQLite 数据库存储 Mlflow 实体(run_id、params、metrics...) 工件存储(远程):使用 Az
我正在使用 C# 控制台应用程序 (.NET Core 3.1) 从 Azure Blob 存储读取大量图像文件并生成这些图像的缩略图。新图像将保存回 Azure,并将 Blob ID 存储在我们的数
我想将 Mlflow 设置为具有以下组件: 后端存储(本地):在本地使用 SQLite 数据库存储 Mlflow 实体(run_id、params、metrics...) 工件存储(远程):使用 Az
我的 Windows 计算机上的本地文件夹中有一些图像。我想将所有图像上传到同一容器中的同一 blob。 我知道如何使用 Azure Storage SDKs 上传单个文件BlockBlobServi
我尝试发出 GET 请求来获取我的 Azure Blob 存储帐户的帐户详细信息,但每次都显示身份验证失败。谁能判断形成的 header 或签名字符串是否正确或是否存在其他问题? 代码如下: cons
这是用于编写 JSON 的 NeutralinoJS 存储 API。是否可以更新 JSON 文件(推送数据),而不仅仅是用新的 JS 对象覆盖数据。怎么做到的??? // Javascript
我有一个并行阶段设置,想知道是否可以在嵌套阶段之前运行脚本,所以像这样: stage('E2E-PR-CYPRESS') { when { allOf {
我想从命令行而不是从GUI列出VirtualBox VM的详细信息。我对存储细节特别感兴趣。 当我在GUI中单击VM时,可以看到包括存储部分在内的详细信息: 但是到目前为止,我还没有找到通过命令行执行
我有大约 3500 个防洪设施,我想将它们表示为一个网络来确定流动路径(本质上是一个有向图)。我目前正在使用 SqlServer 和 CTE 来递归检查所有节点及其上游组件,只要上游路径没有 fork
谁能告诉我 jquery data() 在哪里存储数据以及何时删除以及如何删除? 如果我用它来存储ajax调用结果,会有性能问题吗? 例如: $("body").data("test", { myDa
有人可以建议如何为 Firebase 存储中的文件设置备份。我能够备份数据库,但不确定如何为 firebase 存储中的文件(我有图像)设置定期备份。 最佳答案 如何进行 Firebase 存储的本地
我最近开始使用 firebase 存储和 firebase 功能。现在我一直在开发从功能到存储的文件上传。 我已经让它工作了(上传完成并且文件出现在存储部分),但是,图像永远保持这样(永远在右侧加载)
我想只允许用户将文件上传到他们自己的存储桶中,最大文件大小为 1MB,仍然允许他们删除文件。我添加了以下内容: match /myusers/{userId}/{allPaths=**} { al
使用生命周期管理策略将容器的内容从冷访问层移动到存档。我正在尝试以下策略,希望它能在一天后将该容器中的所有文件移动到存档层,但事实并非如此在职的。我设置了选择标准“一天未使用后”。 这是 json 代
对于连接到 Azure 存储端点,有 http 和 https 两个选项。 第一。 https 会带来开销,可能是 5%-10%,但我不支付同一个数据中心的费用。 第二。 http 更快,但 Auth
有人可以帮我理解这一点吗?我创建了Virtual Machine in Azure running Windows Server 2012 。我注意到 Azure 自动创建了一个存储帐户。当我进入该存
我是一名优秀的程序员,十分优秀!