在 Django 中选择文件后预览照片

Question

我找不到有关此主题的信息。选择照片后（保存表单之前）如何在 Django 中轻松创建照片预览。正如下面的视频所示：

https://youtu.be/HVd2v1aUED0

有没有任何简单的插件可以实现此功能？我认为以这种模式发送照片非常流行（即在保存整个模型之前发送照片的缩略图）。

Answer 1

在 django 模板中，您可以编写一个小脚本来显示用户选择的图像的预览。在模板中：

<!-- To display image -->
<img id="myimage" src="xyz" > </div>

<!-- To upload new image -->
<input name="images" onchange="readURL(this);" type="file" accept="image/*"/>

在同一个模板中：

<!-- To display image -->
<img id="myimage" src="xyz" > </div>

<!-- To upload new image -->
<input name="images" onchange="readURL(this);" type="file" accept="image/*"/>