flask - 在一个页面中提供多个图像和 PDF 文件,而不是来自静态文件夹
问题描述
在本地我有两个文件夹,IMG
和PDF
,它们在同一个根文件夹中,例如C:\myuser\IMG
和C:\myuser\IMG
。它们中的每一个都包含多个图像或 pdf。这些文件不是用来美化页面的,而是页面中的真实内容。我将每个文件的路径存储在 MySQL 表中。
这里的逻辑是我单击一个按钮并显示一个页面。后端的代码从数据库中提取所有需要的路径(假设总共 10 个路径)。多张图片和pdf分别显示在<img>
和<iframe>
标签中。路径应该被传递到属性src
中。
我尝试使用send_from_directory()
,但它一次只发送一个文件。我还尝试使用直接传递路径值,render_template()
但不允许加载本地存储的文件,除非它是我不用于存储文件的静态文件夹。(我对web开发不是很熟悉,通常推荐使用静态文件夹来存储css和javascript文件来存储大量的图像和pdf文件吗?)
示例代码:
<div class="container">
<div class="row">
<h4>This is header 4</h4>
</div>
<br>
<div class="row" >
<div class="col-md-4">
<ul>
<p id="Descriptiontext">"This is the description"</p>
</ul>
</div>
<div class="col-md-8" >
<img class="img-fluid" src = "" ></img>
<figcaption>This is the caption</figcaption>
<iframe class="embed-responsive-item" src = "" allowfullscreen></iframe>
</div>
</div>
</div>
在示例中需要一个和<img>
一个,在实际环境中会超过两个。所有路径都应同时传递给。<iframe>
src
src
有没有办法管理这个?
解决方案
推荐阅读
- android - 在依赖项中找到重复的类
- java - JavaFX 标签中的场景构建器不起作用
- java - 在 java 中将 xlsx 转换为 csv 之后,将 int 填充为浮点值
- javascript - 在 Ionic 中获取所有条目 vom Firebase 数据库
- javascript - 如何根据请求更新 MongoDB 集合中的嵌套对象?
- federated-identity - 第三方移动应用程序作为 OIDC 客户端(例如 Google IDP)与另一个移动应用程序集成
- r - 如何添加线以连接 R 中多个箱线图中的某些数据点?
- android - 为什么“应用程序和通知”中未向我的应用程序显示“如果未使用应用程序则删除权限”选项
- c++ - 如何定义一个可以传递给其他类的类的全局零对象?(C++)
- vim - 映射
在 Vim 中用于非 tex 文件,安装了 Latex-Suite