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

我找不到关于这个话题的信息。如何轻松创建 选择照片后（保存表单前）在Django中预览照片。如以下视频所示：

---

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

在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/*"/>

函数readURL（输入）{
if（input.files&&input.files[0]）{
var reader=new FileReader（）；
reader.onload=函数（e）{
$（'#myimage'）.attr（'src'，e.target.result）；
};
reader.readAsDataURL（input.files[0]）；
}
}