如何在选择时显示图像并将其保存在数据库中？答案

【问题标题】：How to display an image when selected and before saving it in the database?如何在选择时显示图像并将其保存在数据库中？
【发布时间】：2019-06-12 06:33:40
【问题描述】：

正如我所说，在选择“预览”图像时，我正在尝试创建图像，然后按“保存”按钮。

类似这样的：

<div class="row align-items-center my-5">
      <div class="col-lg-7">
        <img class="img-fluid rounded mb-4 mb-lg-0" src=" HERE WILL BE THE IMAGE SELECTED   " alt="">
      </div>
  <!-- /.col-lg-8 -->
  <div class="col-lg-5">
    <a class="btn btn-primary" href="#">Seleccionar!</a>
  </div>
</div>
<!-- /.row -->

<div class="row">
  <div class="col-md-4 mb-5">
    <div class="card h-100">
      <div class="card-body">
        <h2 class="card-title">IMAGEN 1</h2>
        <p class="card-text">Descripcion......</p>
      </div>
      <div class="card-footer">
        <a href="#" class="SELECCIONAR">More Info</a>  //When i press this button, i want to show a preview image in the field up beofore i press "Seleccionar!"...
      </div>
    </div>
  </div>

【问题讨论】：

保存到数据库再显示有什么问题？
如果我这样做没有问题，因为我知道该怎么做，但我只想在保存之前显示预览图像，然后使用提交按钮保存（我不知道如何我可以这样做）
在我的项目中，我还想在将图像保存到主照片表之前显示图像但不保存图像我无法在 UI 中显示它为什么因为我正在使用图像上传 ajax 代码会仅当 JSON 数据（保存后从照片表中获取的数据）响应时才显示图像。所以我正在做的是我正在使用一个临时照片表并在其中保存图像然后我做一些事情，最后将图像保存到主照片表中。
好吧，我认为这不是最好的方法。但现在是一个解决方案。感谢您的回复:)
当我们使用一些 jquery 文件上传插件时，它们仅在 JSON 响应来自后端时才显示图像，并且只有将图像保存在 db 中才有可能。如果不保存，您将无法发送 JSON 响应。

标签： python html django twitter-bootstrap

【解决方案1】：

@chirag soni 的回答对我来说是正确的。

我不得不上传一张临时照片，将图像保存在其中，最后像往常一样将其保存在数据库中。

【讨论】：